| |
|
|
| |
<tr><td rowspan=2>что-то</td><td>1 правая ячейка</td></tr>
<tr><td>2 правая ячейка</td></tr>
|
В общем совсем простая ситуация. В 1 правую ячейку вставляю рисунок, во 2 правую - текст. Мне надо, чтобы высота 1 правой ячейки была = высоте рисунка (допустим я ее знаю). Но html делает так, что высота 1 правой ячейки будет больше при условии, что текст в ячейке с роуспаном по высоте больше высоты вместе взятых 1 и 2 правой ячеек. Т.е. высота 1 правой ячейки будет больше чем высота рисунка. Аттрибут height="..." в td не помогает. Как сделать, чтоб высота правой верхней ячейки была равна высоте рисунка? | |
| |
|
|
| |
|
|
| |
для: 1999
(26.01.2006 в 19:58)
| | |
<table border="1">
<tr><td rowspan=2>что-то</td><td>1 правая ячейка</td></tr>
<tr><td height="100%">2 правая ячейка</td></tr>
</table>
|
>> Как сделать, чтоб высота правой верхней ячейки была равна высоте рисунка?
Вы предупреждайте в следующий раз, что ваш пост нужно начинать читать с конца :))) | |
| |
|
|
| |
|
|
| |
для: DDK
(26.01.2006 в 20:17)
| | | угу, в следующий раз буду =)
сейчас проверю это все | |
| |
|
|
| |
|
|
| |
для: DDK
(26.01.2006 в 20:17)
| | | странно разницы никакой=( как было так и осталось=( | |
| |
|
|
| |
|
|
| |
для: 1999
(08.02.2006 в 20:23)
| | |
<table border="1" style=table-layout:fixed;width:50%;>
<tr>
<td rowspan=2>что-то<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></td>
<td style=height:8;>1 правая ячейка</td></tr>
<tr>
<td>2 правая ячейка<br><br><br><br><br><br></td></tr>
</table>
|
(FF, хотя не держит высоту, но и не расширяет высоту ячейки "1 правая ячейка" больше, чем надо.) | |
| |
|
|
| |
|
|
| |
для: 1999
(08.02.2006 в 20:23)
| | | если нужно, чтобы высота правой верхней ячейки была равна высоте рисунка в левой, то в левую ячейку НЕ НАДО ставить rowspan. в нижнюю правую ячейку можно поставить colspan=2 и align=right, чтобы ее содержимое выронялось по правому краю таблицы. или просто рисовать 2 ячейки и во второй строке. rowspan=2, который стоит в левой ячейке, делает ее, ячейку, по высоте равной 2 строкам. физически невозможно при таких условиях добиться, чтобы она стала равна высоте одной строки. | |
| |
|
|
| |
|
|
| |
для: elenaki
(08.02.2006 в 21:17)
| | |
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table border="1">
<tr>
<td rowspan=2 height="400">÷òî-òî</td>
<td height="150 px"><img src="../sites/images/small/1.jpg" width="200" height="150" border="0" alt=""></td>
</tr>
<tr >
<td style="height: 250 px;">2 ïðàâàÿ ÿ÷åéêà</td>
</tr>
</table>
</body>
</html>
|
упс, опоздал | |
| |
|
|
| |
|
|
| |
для: elenaki
(08.02.2006 в 21:17)
| | | не высоте рисунка в левой а высоте рисунка в правой верхней ячейке.
в общем я попробывал это все но все так же.
вот пример: http://whitelight.spb.ru/test.htm чтобы все поняли что надо конкретно
скажите как это сделать (чтобы высота верхней правой ячейки была равна высоте рисунка в ней) | |
| |
|
|
| |
|
|
| |
для: 1999
(09.02.2006 в 00:31)
| | |
Борьба с высотой ячеек.
<table border=1 height=66% width=400 style=table-layout:fixed>
<tr>
<td id=t1 rowspan=2>что-то<br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br>конец</td>
<td style=width:96;><img id=i1 src=http://whitelight.spb.ru/19.jpg></td></tr>
<tr>
<td id=t2>2 правая ячейка<br><br>и длиННННННННННННННННННая строка в ней<br><br><br><br></td></tr>
</table>
<script>g=function(I){return document.getElementById(I);};
onload=function(){g('t2').style.height=g('t1').offsetHeight-g('i1').offsetHeight;}
</script>
|
Тут надо тщательно учесть ширины зазоров cellspacing, потому что стиль table-layout:fixed режет строго и отрезает край картинки. Он здесь применён для того, чтобы правильно учесть и ширину картинки. Если с шириной поступить так же, как с высотой, то он будет не нужен (если только не встретятся длиНННННые строки внизу). 66% тоже для удобства демонстрации. | |
| |
|
|
