파폭에서만 2px 띄어져 보여지네요..
바나나맛사탕
다른 브라우저에서는 다 상관없는데요.
파폭에서만 li 사이에 2px 정도의 여유분이 남아있어요. 하나의 큰 이미지로 보여야 해서 이미지 사이에 여유분이 없어야 하는데 ㅠㅠ..
소스는여.. 아래와 같아요..
///css///
#data{position:relative; padding-top:20px;}
#data ul li{line-height:1.2em; margin:0;}
.fT0{font-size:0;}
.left{float:left;}
//// html ////
div id=data
ul
li class=fT0img src=../images/rebusiness/01_img01.gif //li
li class=fT0img src=../images/rebusiness/01_img02.gif //li
li class=left fT0img src=../images/rebusiness/01_img03.gif //li
li class=left fT0img src=../images/rebusiness/01_img04.gif //li
li class=left fT0img src=../images/rebusiness/01_img05.gif //li
/ul
/div
-
그댸와나
img {vertical-align:top;} 넣으니 되네요 감사합니다~ ^^*
-
꽃가을
css 의 수치에는 단위 표기가 필수입니다. 0은 모든 단위에서 동일한 값이라서 예외고요.
단위없으면 적용 안됩니다. -
서희
정확히 위에 설명으론 문제점을 모르겠지만
.fT0 {font-size:0; line-height:0;}
이렇게 해보세요~;;