2012-07-03 2 views
4

나는 Joomla 템플릿을 만들고 있는데 치료법을 발견 한 적이없는 메뉴 너비에 문제가 있습니다. 텍스트 기반 메뉴를 만들 때 확대/축소되거나 해상도가 변경되면 일부 항목은 항상 두 줄로 표시됩니다. 예를 들면확대/축소하거나 해상도를 변경할 때 CSS 메뉴 너비를 변경할 수 없게하려면 어떻게해야합니까?

[항목 1] [항목 2] [항목 3] [항목 4] [항목 5]

[항목 1] 항목 2] 항목 3] 항목 4]

[아이템 5]

따라서 기본적으로, 텍스트 기반의 메뉴를 확인 폭을당하는 항상 바뀔 것이다. 그러나 이미지 기반으로 만들면 문제가 해결되지만 메뉴 항목이 너무 많아 일부 프로젝트가 변경 될 수 있으므로이 프로젝트에는 사용할 수 없습니다. 사이트를 보았을 때 사이트를 확대/축소 할 때마다 글꼴 크기가 다시 생성되어 사이트를 정의한 너비를 유지했지만 더 이상 기억하지 못합니다. 아이디어가 있습니까? 브라우저 글꼴 크기 설정, 확대/축소 또는 디스플레이 해상도에 상관없이 텍스트 기반 메뉴를 폭을 정의하도록 강제하는 일종의 스크립트가 있어야합니다. 사전에

감사합니다. 그건 그렇고, 여기에 사이트가 있습니다 : http://business.delux.lv/ 실제로이 문제가 많은 사이트를 발견했지만 일부는 두 라인으로 갈 수있는 메뉴 항목이 너무 많지 않으므로 그렇게 만들지 않습니다 너무 두드러졌다.

+1

나는 키가 픽셀 대신 백분율을 사용하는 – BjarkeCK

+0

감사와 장난하려고 생각 , 그것은 작동하는 것처럼 보인다! – ritmanis

답변

3

메뉴의 CSS 스타일이 추가

white-space:nowrap; 
2

하면 CSS를이 줄을 추가

#menu{width: 104%;} 
+0

와우! 매력처럼 작동합니다, 많이 고마워요! – ritmanis

+1

목록에 더 많은 li 요소를 추가하려고 할 수도 있습니다. 이는 해당 상황에 맞지 않기 때문에 li의 백분율 너비와 % 글꼴 크기를 설정해야 할 것입니다. – Pricey

+2

당신은 환영합니다 :) – Farahmand

관련 문제