메뉴를 제작하고 있는데요
css는
#header .lnb ul li a{height:36px;padding-right:54px;display:block; overflow:hidden;text-align:center;}
마크업은
<li>
<a href="./?r=en&c=62/98">
<img src="../../web/upload/eng_lnb06.png" alt="CONTACT" />
</a>
<ul>
<li><a href="./?r=en&c=62/98" >Location</a></li>
<li><a href="./?r=en&c=62/99" >Sales Network</a></li>
<li><a href="./?r=en&c=62/100" >FAQ</a></li>
<li><a href="./?r=en&c=62/101" >Contact us</a></li>
</ul>
</li>
이런식으로 하고 있는데
맨 오른쪽 메뉴에 우측 공간이 54px이 남는데
이 여백 없이 오른쪽에 꼭 맞게 할 수는 없을까요?
답변 1개
채택된 답변
+20 포인트
엘남매아빠
padding-right:54px
요 소스는 오른쪽에서 54px을 띄우라는 명령어라 54px만큼 우측 여백 공간이 생깁니다.
li 위에 ul 의 css를 가로 사이즈를 px로 넣어주고 float:right등으로 하면 오른쪽으로 붙을겁니다.
아니면 위에있는 padding-right를 없애면 될 것 같은데요
전체 li나 그 상위를 오른쪽으로 정렬을 하면 될겁니다.
답변을 작성하려면 로그인이 필요합니다.