2011-08-18 4 views
0

CSS를 사용하여 단일 표 배경을 만들려고하는데 양식을 만들 수 없습니다.표 설정 CSS 이미지 배경에 문제가 있습니다.

<html> 
<head> 
<style type="text/css"> 
body {background-image:url('http://www.example.com/images/image1.jpg');} 

table.background { background: url('http://www.example.com/images/image2.gif') no-repeat; } 

</style> 
</head> 

<body> 
<table class="background" style="width:400px;height:500px;> <tr><td> 
<h1>Hello World!</h1></td></tr></table> 
</body> 

</html> 

이 왜 출력에 표시되는 안녕하세요 문을 볼 수 없습니다 : 여기 내 코드 예제는?

+1

정말 텍스트 편집기에 구문을 사용해야합니다. 강조 표시. 이것을 훨씬 빨리 잡을 것입니다. – RustyTheBoyRobot

답변

0

레이아웃을 작성하는 데 테이블을 사용해서는 안됩니다. 표는 헤더가 아닌 데이터를 표시하기위한 것입니다. 사용 된 div 대신

+0

코드 예제를 줄 수 있습니까? – Presto

+1

@ mmk : 이것은 정말로 대답이 아닙니다. 테이블 사용에 문제가되지 않지만 질문에 대답하지 않습니다. (나는 당신과 동의하지만 의견은 대답이 아니라 언급하는 것이 더 낫다) – Nightfirecat

+0

부서를 사용하여 궁극적으로 해결할 수있다. 감사. – Presto

1

현재 닫는 인용이 누락 : 당신의 스타일 속성에

<table class="background" style="width:400px;height:500px;> 
                 ^
+0

이 효과적입니다. 감사합니다. – Presto

+0

http://jsfiddle.net/MxbP5/ – Curt

1

당신은 (") 닫는 따옴표를 필요는 없습니다

을이 시도해보십시오.

<table class="background" style="width:400px;height:500px;"> <tr><td> 
<h1>Hello World!</h1></td></tr></table> 

JSBin에서 작동합니다. http://jsbin.com/onunoc/2/edit#preview

관련 문제