[image in cell]

[shark_255]

[image in cell]

Привет всем!
Вообщем трабла:

<table cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/separator_1.gif" width="10" height="_?_"></td>
<td>Kolya<br>loves Masha</td>
<td><img src="images/separator_2.gif" width="10" height="_?_"></td>
</tr>
</table>

Вот вопрос возник - как подогнать высоту рисунка - "палки-разделителя" под
высоту ячейки? Вот, что я хочу:
| Kolya |
| loves Masha |
Мне хотелось бы убрать подобные промежутки?

Естессно, что кол-во записей меняется и просто
вставить в таблицу большие "палки" не подходит.

-~{}~ 11.02.06 12:39:

Интуитивно понятно, что должно быть:
<td background="separator_1.gif">, но чтобы
он "размножался" не по горизонтали,
а вертикали )))
Надеюсь на Вашу помощь

-~{}~ 11.02.06 13:57:

Мне тут подсказали такой вариант - но
я не знаю этих тонкостей -

<table cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/separator_1.gif" width="10" height="_?_"></td>
<td>
<div style="background: url('images/separator_2.gif') no-repeat 
right;width: 100%">Kolya</div>
<div style="background: url('images/separator_2.gif') no-repeat 
right;width: 100%">loves Masha</div>
</td>
</tr>
</table>

Результат немного не тот, что я хочу.
Подскажите плз.

 

[MiRacLe]

background-repeat: repeat-y ?

 

[shark_255]

Правильный ответ -

<table cellspacing="0" cellpadding="0">
<tr>
<td style="background: url('images/separator_1.gif') repeat-y 
left; width: 10%"></td>
<td>
Kolya<br>loves Masha
</td>
<td style="background: url('images/separator_2.gif') repeat-y 
right; width: 10%"></td>
</tr>