2011-10-24 7 views
0

셀 크기를 변경하지 않고 표 크기를 지정할 수있는 방법은 무엇입니까? 이 작업을 수행 할 수있는 더 좋은 방법이있다, 모든html 테이블 서식 지정

<table width = "500" height = "300"> 
<tr> 
<td> 
<a href="mysite.com/contact.html">Contact</a> 
</td> 
<td rowspan = "2"> 
This is the area where news and updates will appear on the right hand side. 
</td> 
</tr> 
<tr> 
<td> 
<a href="mysite.com/links.html">Links</a> 
</td> 
</tr> 
</table> 

첫째 :

즉, 내 테이블 주위에 테두리가 나는 메뉴를 위해 그것을 사용하고?

테이블의 높이를 변경하면 셀 간격이 너무 길어지고 메뉴가 어색하게 보입니다.

+3

이 메뉴에 대한 테이블을 사용하지 마십시오. 순서가 지정되지 않은 목록을 대신 사용하십시오. – Jrod

+0

팁 주셔서 감사. 초심자 질문에 대해 미안하지만 메뉴 항목 옆에 점들을 없애는 방법이 있습니까? 나는 그것을 이렇게 사용하고있다.

user974967

+0

확실히, 'list-style-type : none;'은 그것들을 제거 할 것이다 – FelipeAls

답변

2

레이아웃을 위해 테이블을 사용하지 않아야합니다. HTML4의 메뉴는 정렬되지 않은 목록에 있어야합니다.

그런 다음 원하는대로 스타일을 지정하려면 CSS를 사용해야합니다.

+0

정렬되지 않은 목록은 '

  • listitem1
' – Seybsen

+0

감사합니다. 지금 메뉴 항목에 대해 작업하는 순서가없는 목록이 있지만 메뉴 항목과 페이지 텍스트 (뉴스 및 업데이트)를 정렬하는 가장 좋은 방법은 궁금합니다. 메뉴 항목의 정렬되지 않은 목록을 왼쪽에 정렬하고 오른쪽에 기본 페이지 텍스트를 정렬하는 방법에 대한 제안 사항이 있습니까? – user974967

1

왜 테이블 레이아웃을 사용합니까? div 요소를 사용하고 CSS에서 원하는대로 스타일을 지정하십시오.

컨테이너의 너비와 너비를 자녀의 백분율로 지정할 수 있으므로 변경할 값은 하나뿐입니다.

CSS에서 높이를 지정하지 않고 최소 높이만 지정하거나 사용자가 의지로 확대/축소하지 못하도록 차단합니다.

편집 : 및 탐색 링크에 대한 div, 정렬되지 않은 목록 중 하나 : 내부

+0

확실히 div에 ul을 래핑하는 것은 태그 수프입니다. – Toby

+0

나는 클라이언트를 위해 프로젝트의 div에 ul을 여러 번 포장하지 않았지만 여러 개의 bg 이미지 나 테두리 또는 추가 할 항목이 너무 많습니다 ... IE7 지원의 경우 multi-bg 및 HTML5 nav 요소 없음 물론 평범한 (X) HTML입니다. 하나의 div는 "스프"가 아니며 단지 과다 div에 불과합니다. – FelipeAls

+0

그 이유가 무엇이든 필요하다면이 솔루션을 사용해야합니다.이 솔루션의 div에 즉시 배치하는 것이 이상하다고 생각했습니다. – Toby