kkefirov
-
Posts
2 -
Joined
-
Last visited
kkefirov's Achievements
Explorer (1/14)
0
Reputation
-
Как разместить изображение относительно центра другого элемента
kkefirov replied to kkefirov's question in HTML Coding
В смысле глупость? Это типа про слэш в конце тега? Хотелось бы знать, какой вариант центровки можно здесь использовать? Изображение наполовину прозрачное и часть таблицы должна быть видна из-под него. -
Как разместить изображение относительно центра другого элемента
kkefirov posted a question in HTML Coding
Есть проблема с горизонтальным размещением картинки по центру таблицы. Полупрозрачная картинка myimage.gif является необходимым элементом дизайна и должна располагаться над таблицей ровно по ее центру. Для ее позиционирования я применяю свойство position: absolute; width 100%;. В IE все отображается как надо: картинка остается по центру таблицы при уменьшении размеров окна. В Firefox и Opera картина другая: при уменьшении размеров окна рисунок остается по центру окна браузера, а не таблицы! Использовать position: relative; с заданием положения картинки относительно центральной ячейки не получится, так как резервируется место под картинку и дизайн портится. Может кто подскажет, как спозиционировать картинку относительно центра таблицы, а не окна браузера. <html /><head /><title /></title> <style /> td { } </style> </head><body /> <table nowrap border="1" cellpadding="1" cellspacing="0" style="table-layout:auto; width:100%; text-align: center;" /> <div style="position: absolute; z-index: 1000; top: 15px; text-align: center; width: 100%;" /><img src="myimage.gif" width="300px" height="75px" style="text-align: center; /></div> <colgroup width="100px"> <colgroup width="300px"> <colgroup width="100px"> <tr /> <td /> & nbsp; &nbs p; & nbsp; </td> <td /> & nbsp; &nbs p; & nbsp; </td> <td /> & nbsp; &nbs p; & nbsp; </td> </tr> <tr /> <td />текст</td> <td />текст</td> <td />текст</td> </tr> </table> </body> Для имитации содержания таблицы я применил неразрывные пробелы