2008/01/24 14:17
이렇게 이미지를 나열하는 경우는 별루 없었지만,
혹, 이미지를 UL 태그를 써서 나열하시고자 하시면, 공백버그가 생기게 됩니다.
그럴 때 요렇게 하면 해결!
<style type="text/css">
ul {list-style: none; margin: 0; padding: 0; overflow: hidden;}
ul li {display: block; line-height: 0; font-size: 0;} ul li img {display: block;}
</style>
<ul>
<li><img src="a.jpg" alt="" /></li>
<li><img src="b.jpg" alt="" /></li>
<li><img src="c.jpg" alt="" /></li>
<li><img src="d.jpg" alt="" /></li>
</ul>
혹은 ul 태그 대신 dl 태그를 사용하게되면 공백버그 안생긴다네요.
혹, 메뉴를 이미지로 만드시고 ul 태그로 처리하실 때에는..
이미지와 코드를 분리해서 만드시는게 더 좋은 방법이죠.
이미지를 백그라운드 처리해서~~~
요건 다음에 올리지용~~
Trackback Address :: http://marie1114.tistory.com/trackback/33



