한비 아빠님 안녕하세요?
무턱대고 질문해 봅니다.
가능하다시면 도와주시면 감사하겠습니다.

레이아웃에서 상단 1차 메뉴가 9개까지는 정상이지만 10개 혹은 그 이상이 되면 아래로 내려가 버립니다.(두줄이 됨)
그래서 궁여지책으로 이리저리 묶어서 하나로 만들어 사용하고 있습니다.

위의 말씀을 보니 모양이 없드라도 메뉴를 수를 증가할 수는 있겠다는 생각이 들어 질문합니다.
어려운 질문이 아니었으면 좋겠습니다.
무턱대고 드리는 질문이지만 그럼에도 불구하고 답변을 기대하며....
항상 행복하세요.
-----------------------------------------------------------------------------------------

[레벨:13]ForHanbi

2011.05.28 10:15

간단한 이유인데요. 메뉴의 넓이로 잡혀있는 공간보다 각 메뉴의 넓이 합이 넘쳐서 그런겁니다.
아마 li나 a에 padding이나 margin이 잡혀 있을건데요 그걸 좀 줄이시면....
그래도 안되면 letter-spacing 를 사용해 보십시오.
예문은 http://www.w3schools.com/css/tryit.asp?filename=trycss_letter-spacing


 

--------------------------- 추가 : 아래는 예문 복사입니다. (나중을 위해서)-----------------------

<html>
<head>
<style type="text/css">
h1 {letter-spacing:2px;}
h2 {letter-spacing:-3px;}
</style>
</head>

<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
</body>
</html>


God Bless You !