BLOG main image
분류 전체보기 (31)
웹표준 (28)
기타 (1)
여행 (2)
1105 Visitors up to today!
Today 2 hit, Yesterday 0 hit
daisy rss
tistory 티스토리 가입하기!
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
Name
Password
Homepage
Secret
prev"" #1 #2 #3 #4 #5 ... #31 next