HTML+CSS+JavaScript

Есть такая ситуация:

<td width="100%" height="30" align="center" background="bg.gif">Текст</td>

Помогите расположить на заднем плане (чтобы они не перекрывали текст) две картинки, чтобы одна была слева в углу, а другая справа в углу, а текст не зависимо от картинок оставался по центру строки и на переднем плане, а картинки на заднем.

Можно ли так? Если да, прошу помощи реализовать, за ранее спасибо.

Еств. имеется ввиду, средствами CSS

Например так:

<table style="width: 100%; padding: 0; margin: 0; border-collapse: collapse; border: 0;"> <tr> <td style="background: transparent url(topleftpict.jpg) no-repeat top left; padding: 0; margin: 0; width: 100%; height: 30px;"> <p style="border: 0; padding: 0; margin: 0; background: transparent url(toprightpict.jpg) no-repeat top right; height: 30px; text-align: center;">text text text text text</p> </td> </tr> </table>

Понял суть, а покороче никак? Например <img src="..." style="..."> ?

+ Заметь, что у самого <td> уже имеется бекграунд, по этому влепить картинки вместо него думаю не рационально.

Вот как-раз <img... у вас и будет "вытеснять" текст и поверх него можно будет расположить текст только абсолютным позиционированием, если вам нужна такая морока - пожалуйста... в принципе это будет даже интересно, а в обычных случаях для "подложки" под текст картинок используется background .
Вам надо было расположить в противоположных углах динамически раздвигающейся таблицы расположить два разных рисунка, я вам предложил способ, один рисунок будет принадлежать самой ячейке таблицы, а другой - вложеннному в эту ячейку тегу параграфа <p>

Все равно спасибо за ответ, еще чуток подожду, может кто-то что-то предложит, если нет - возьму твой вариант.

>покороче

ну... сделай в ячейки таблицу из 3 строк : в 1и 3 - <img> во второй - текст

так покороче?

Дело в том, что строка с текстом и рисунки имеют одинаковую высоту :( Т.е. рисунки грубо сказать должны быть по бокам, слева и справа.

Значит можно сделать это только так, как предложил уважаемый ilyaILF?

ну... сделай в ячейки таблицу из 3 столбцов.

есть еще вариант, если ширина ячейки фиксирована

Из 3-х не могу, вернее могу, но тогда текст будет не по центру, и если он больше среднего столбца? т.е. я же говорю он должен тогда будет наложиться на рисунок, + ширина левого и правого рисунка разная. Ширина ячейки не фиксированная, в том то и дело, так бы проблем небыло(

>Из 3-х не могу, вернее могу, но тогда текст будет не по центру, и если он больше среднего столбца?

что-то не то пишете. если текст ставить в ячейку, картинки в другие, то текст некуда не перелезет. по центру: таблице ширина 100% ячейкам с картинками - фиксированная

Смотри, левая ячейка, ширина 100пх, правая: 25пх, то уже текст в среднея не будет по центру строки, верно?
Не фиксированная, она то 100%, но окна пользователь может же именять размеры, в зависимости от этого и меняется пропорции таблицы (

Можно еще и так:

<table border="0" style="position:absolute" width="300"> <tr> <td width="100%" height="30" background="bg.gif" align="left"> <img src="x.gif"> </td> </tr> </table> <table border="0" style="position:absolute" width="300"> <tr> <td width="100%" height="30" align="right"> <img src="y.gif"> </td> </tr> </table> <table border="0" style="position:absolute" width="300"> <tr> <td width="100%" height="30" align="center"> text text text text text text text text text text text </td> </tr> </table>

нельзя сказать, что это короче, но все же.

>Смотри, левая ячейка, ширина 100пх, правая: 25пх, то уже текст в среднея не будет по центру строки, верно?

и чего бы ей не быть по центру если правая колонка с картинкой прижата к правому краю, а левая к левому?