li에 이미지 넣고 세로로 메뉴 구성하는 경우
예님
2025.05.09
style type=text/css
ul{list-style:none;margin:0;padding:0;}
li{margin:0;padding:0;display:inline;}
li img{border:0;display:block;}
/style
ul
liimg src=a1.gif alt= /li
liimg src=a2.gif alt= /li
liimg src=a3.gif alt= /li
/ul
ie6/7에선 li에 display:inline; img에display:block; 을 적용하여야 되고.
ie8에선 위의 것을 안줘도 되는데..음 어찌 해석해야 할가요..
ie6/7 버그이기는 할텐데......
display를 안준경우 display를 더 준경우li를 display 인라인을 주면 블록요소를 인라인 요소로 바꿔줘서 가로 배치되는 것을
li의 img의 인라인 요소를 블록요소로 변환해서 정렬은 되는데...
걍 ie6의 버그라고 해석하면 될가요..
-
큰꽃늘 2025-05-09
li에 float:lett을 주고 ul에 width를 li 한개 크기만큼만 줘보세요.