테이블안에서 img 값을 vertical-align:middle; 했을때 td 세로로 공간이 벌어져버리네요;;
전갈자리
테이블안에 이미지를 집어 넣었을때 vertical-align 값을 주지 않았을때는 자동적으로 td 높이가 착 달라붙는데...
vertical-align:middle 갑을 주니깐 td 높이가 벌어져버립니다.;;
style type=text/css
img { vertical-align:middle; }
/style
table border=0 cellspacing=0 cellpadding=0
tr
tdimg src=img5.gif /td
/tr
tr
tdimg src=img.gif /td
/tr
tr
tdimg src=img.gif /td
/tr
/table
위에 이미지중 img5가 높이가 5이고 img 는 높이가 20입니다. 여러 높이로 테스트 해본결과 20이상은 세로정렬값을줘도 벌어짐이 없습니다. 근데 이미지 높이가 19이하일때 벌어지더군요.... ? 물론 vertical-align:middle; 값을 빼버리면 이미지 높이에 상관이 없지만요...
어떻게 해결 방법이 없을까요?
지금 상황에서 vertical-align:middle; 값을 뺄수는 없습니다. 다른 코딩부분에 저 값으로 작업이 되있는 상태라서...
-
큰마루
font-size:1px로 하면 벌어짐은 막을 수 있는데, 이미지 높이가 홀수이면 상단 1px여백이 생기는건 감안하셔야 합니다.
-
매화
table에 class를 준 다음
table.classname img { vertical-align: baseline; }
이런 식으로 접근하면 안될까요? -
여름
height=\5\ 주면 안되나요? 된다고 해도 노가다 하셔야겠지만 ;;
-
DevilsTears
line-height 를 변경 해보시는게 어떨지?? ㅋ
-
휑하니
그럼 지금 상황에서 저 테이블에만 버티칼 속성을 뺄수는 없나요? 버티칼에는 none; 이 없던데...?
-
통꽃
떄에 따라 display:block 를써야 하는 경우도 생기고 버티칼 탑을 쓸때도 생기게 됩니다. 근데 뭐 유독 미들 이 많이 생긴다면 기본적으로 넣어주시고 클래스로 버텀 탑을 만들어 준다음에 예외처리를 해주셔도 무방 할듯 합니다 근데 보통 탑이나 버컴보단 미들이 안정적으로 좋잖아요 저도 줄곧 그렇게 쓰긴 합니다.간혹 속상할때는 클래스로 예외처리....ㅎㅎㅎ
-
여신
img { vertical-align:middle; } 이처럼 전체 img에 적용시킨 방법이 적절하지 못한것인가요?;;
-
소
,,;; 이런..... 우띠하면 좋을라나.*_*;
-
향율
간지작설/ 와우 font-size로 하니깐 딱 달라붙었습니다.^^ 감사합니다. ㅎㅎ
-
츠키
height=\5\
.class img { vertical-align:baseline;}
다 해봤지만 안됩니다. 그리고 대부분 버티컬 미들이 적용되고 지금같은 테이블 박스는 딱 2군데만 적용되면 되는데... height나 버티칼이 된다면 벌써 고쳤겠죠^^