2013-01-09 34 views
5

enter image description hereGắn hình ảnh để phía trên cùng của một ô trong bảng

Tôi đang thiết kế một trang wordpress bên trong trình biên tập wordpress, và tôi không thể tìm ra cách để có được những hình ảnh giữ chỗ màu xám để gắn lên đầu ô bảng. Miễn là văn bản trong ô bên trái không đi dưới hình ảnh màu xám, mọi thứ đều ổn. Nhưng ngay sau khi văn bản được dưới dưới cùng của hình ảnh, hình ảnh đẩy xuống. Đây là mã:

<table border="1"> 
<tbody> 
<tr> 
<td style="vertical-align: top;"> 
<img class="alignleft size-full wp-image-71" alt="webi" src="#" 
width="437"  height="114" />                  
&nbsp; 
<p> 
SOME TEXT 
</p> 
</td> 
<td style="width: 355px;"> 
<img class="alignright size-full wp-image-61" alt="palvelut_kuvapaikka" 
src="#" 
align="top" width="355" height="355" /> 
</td> 
</tr> 
</tbody> 
</table> 
+0

Bằng cách đặt 'style = "vertical-align: top;" 'vào ô thứ hai, quá? – Spontifixus

Trả lời

17

Chỉ cần đặt thuộc tính vertical-align: top ở bên phải td?

+0

Vâng tôi thực sự đã có nó ở đó, nhưng vẫn còn cùng một vấn đề. – niGeLL

+0

'dọc-align: top' hoạt động hoàn toàn tốt với mã chính xác của bạn [trong jsFiddle] này (http://jsfiddle.net/D5MMS/) –

+0

Tôi có thể thứ hai - http://jsfiddle.net/BXMVB/ nó hoạt động .. Nếu nó không - sau đó bạn có một số phong cách khác mà can thiệp –

2

để gắn nó vào đầu trong một bảng bạn cần phải sử dụng trong css: vertical-align: top

Các vấn đề liên quan