CSS - 유체가있는 레이아웃의 테이블없는 메뉴 모음

투명 필름이있는 일부 png 이미지를 사용하여 테이블없는 메뉴 모음을 만들려고합니다. 메뉴 막대는 자동 좌/우 여백을 사용하여 최소/최대 너비와 중심 자체를 갖는 래퍼 내에 중첩됩니다. 이상적으로는 1 섹션을 배경 반복 x로 길이를 조정할 수있게하고 싶습니다. PNG는 투명도 값을 가지므로 서로 겹칠 수는 없으므로 겹치는 부분의 가시성이 높아집니다.CSS - 유체가있는 레이아웃의 테이블없는 메뉴 모음

나는 절대 위치 지정을 시도했지만 유동적 인 레이아웃에서는 사용할 수없는 수평 시작 위치를 사용해야합니다. 래퍼 스타일 : 테이블

margin-left: auto; 
margin-right: auto; 
min-width: 960px; 
max-width: 1260px; 
padding: 0px 20px 0px 20px; 
overflow: visible;

근무 디자인 : http://jsfiddle.net/f35UK/

이미지 (난 그냥 경우 코드에서 64 기수를 사용하지만) :

출처

2011-07-05 davidg

은 메뉴의 목록 항목을 사용합니다. 당신은 내가 currenly 일하고 프로젝트 볼 수 있습니다이를 설정하는 방법에 대한 예를 들어 : 당신은 또한

열린 UL 탐색을 찾을 것이다 아래 "navigatie"에 대한 소스 검색에

http://basenharald.nl/3d/ 을 http://basenharald.nl/3d/css/style.css 소스 검색에서 "#nav"를 검색하십시오. 이것은 탐색을 설정하는 CSS 부분입니다.

출처

2011-07-12 15:35:06 Luuk

너비가 고정되어 있으므로별로 도움이되지 않습니다. #nav ul {너비 : 960px; }. 예, 내부 메뉴는 ul이됩니다. 반대편은 검색 양식입니다. – davidg

CSS - 유체가있는 레이아웃의 테이블없는 메뉴 모음

답변

관련 문제