테이블 초 td가 첫 번째 td (이미지)

테이블 레이아웃 문제가 있습니다. 나는 이것이 최선의 관행이 아니라는 것을 알고 있지만 이렇게해야합니다.테이블 초 td가 첫 번째 td (이미지)

<table> 
    <tbody> 
    <tr> 
     <td> 
     <img src="/arte.jpg" alt=""/> 
     </td> 
     <td> 
     <strong>Mira en Scheldeland</strong> 
     </td> 
    </tr> 
    </tbody> 
</table>

문제는 제 TD 이미지와 같은 높이로하지 않다는 것이다 :

그래서 다음 표를 갖는다. 이처럼 는 :

TD1 
    TD2

내가 vAlign와 시도했지만이 작동하지 않습니다.

도움이 될까요?

감사

출처

2011-09-07 Ozkan

td valign = "top"은 원하는 스타일이거나 스타일 {vertical-align : top;}입니다. 선 높이/패딩을 설정하여 이미지와 텍스트를 정렬하십시오. 당신은 바닥에 수직 정렬을 시도해야합니다 – galchen

vAlign와는 ... 여기에 문제를 해결하는 데 도움이 예를 확인해야

: http://jsfiddle.net/Ahrhq/

나는 IE7, IE8, IE9, 크롬, 파이어 폭스에서 테스트를. .. 그렇지 않으면 스타일 시트에 대한 더 많은 정보를주세요

출처

2011-09-07 13:50:00 jefsmi

안녕하세요, 이유를 모르겠습니다. valign은 작동하지 않지만 CSS로 (vetical-align)하면 작동합니다 ... 도와 주셔서 감사합니다. – Ozkan

이미지 태그가 제대로 종료되지 않습니다

<img src="/arte.jpg" />

출처

2011-09-07 13:33:56

이것은 질문이 아니지만 ... 당신 말이 맞아. BWT, 필수'alt' 속성이 없습니다. –

아주 좋아요. 나는 OP를 잘못 읽고, TD 요소가 수평으로 정렬되지 않는다고 생각했습니다. –

난 당신이 불을 지르고 확인 할 수있는 TD

에 적용되는 부동 때 행동의이 종류를 보았다, 또는 한 스타일 시트에 float을 적용했는지 여부와 비슷합니까?

분명히 페이지의 CSS가 있습니다.

또한 doctype이 누락되어 있는지 확인하십시오.

출처

2011-09-07 13:35:38

텍스트를 이미지 위에 정렬하려면 패딩이 없도록하거나 패딩 윗면/바닥면이 두 태그 모두에 동일한 지 확인하십시오.

그렇지 않으면 둘 다 중간 값으로 정렬하려면 valign 값을 제거하십시오.

마지막으로 당신은 < TBODY을 이륙을 시도 할 수 있습니다>

출처

2011-09-07 13:37:47 checkenginelight

이륙을 어떻게 의미합니까? – Ozkan

태그가 잘못 표시되었습니다. 테이블을 사용하는 이유가 무엇입니까? div를 대신 사용하는 것이 쉬울 것입니다. – checkenginelight

이것은 비 기술적 인 작업자가 사용하는 컨텐츠 관리 시스템의 컨텐츠입니다 ... – Ozkan

테이블 초 td가 첫 번째 td (이미지)

답변

관련 문제