2014-02-14 2 views
0

슬라이스 기능을 사용하여 Photoshop에서 Dreamweaver로 웹 사이트를 내 보냈습니다. 그것은 테이블로 내 보냅니다. 나는 콘텐츠가 어디에 있어야하는지에 대한 섹션을 남겼다. 내부에 넣은 텍스트의 양에 따라 내용이있는 셀의 너비가 자동으로 조정되기를 원합니다.테이블 구조를 엉망으로 만들지 않고 테이블 높이를 자동으로 조정하려면 어떻게합니까?

<td colspan="5" valign="top" style="Background-image:url('images/Content_Background.gif'); background-repeat:repeat-y;"> 

     <p>&nbsp;</p> 
     <p class="MsoNormal" align="center" style="text-align:center;"><span style="line-height:107%; font-size:28.0pt; color:white; ">Welcome!</span></p> 
     <p class="MsoNormal"><span style="line-height:107%; font-size:20.0pt; color:white; ">&nbsp;</span></p> 
     <p class="MsoNormal"><span style="font-size:20.0pt; color:white; ">        Think of a website that you love to be on. Maybe its Facebook, Twitter, Instagram, Amazon, or even Google. Ever wish you could make your own website, perhaps featuring your school work, or even just to show off to your friends? Here, you can learn how. You will learn a variety of ways to create a site, from canned templates, to Photoshop and Dreamweaver, and even starting from complete scratch. Just click Build-A-Site at the top to get started!</span></p></td> 

이것은 출력 :이 셀 코드 모습입니다 내가 원래 높이로 셀을 설정하면

http://postimg.org/image/6tvf7pdup/

나는이 문제를 해결할 수있는 유일한 방법입니다 목적을 패배 이미지,의 :

http://postimg.org/image/kfql2fn7r/

나는 거기에 여분의 공간을 wan't하지 않습니다. 또한 background-repeat 태그는 더 많은 텍스트를 추가하면 변형되지 않고 셀이 길어 지므로 잘 작동합니다. 그것으로 테이블을 죽이는 것이 더 작아집니다. 어떤 해결책?

+0

스팬 열 속성을 재생 해 봅니다. 전체 테이블 코드를 공유하면 더 좋았을 것입니다. – Nix

답변

1

테이블 고정 폭 & cellpadding. 또한 각 p span에 대해 인라인 CSS를 제공 할 때 해당 긴 단락에 줄 높이 속성을 추가하는 것이 좋습니다.

죄송합니다. 귀하의 배경 이미지가 보이지 않습니다.

+0

해결책을 찾았습니다. 포토샵은 테이블에 고정 너비를 주었지만 고정 된 높이를 부여했습니다. 따라서 고정 된 높이를 유지하려고 노력했습니다. 방금 테이블 높이 태그를 삭제해야했습니다. 그러나 당신을 도와 줘서 고마워. – CyberDork34

관련 문제