-
Проблема собственно изображенна в аттаче, есть TDшник, в нём вставлена картинка <img src=. На неё требуется наложить маленькие пикчеры (один в верхнем левом углу, другой в нижнем правом). Что я сделал ? вставил два DIVа в ТДшник, указал им position:relative, ну и указал соответсвенно координаты отступов от TOPа, и LEFT'a; BOTTOM'a и RIGHT'a. Мало того что расположение наложенный картинок зависит от размера главной картинки, так ещё и от фактического размера Картинки главной появляются отступы (см. аттач). Как сделать чтоб расположение DIV'ов зависело всёж строго от самого TDшника, и чтоб они не прыгали постоянно в зависимости от размера главной картинки.
Код такой:
Код:
<table width="459" border="2" cellspacing="0" cellpadding="0">
*<tr>
* *<td height="93"><div style="position:relative; top:20px...blabla">Маленькая пикча1</div>[img]Главная пикча.jpg[/img]
* *<div style="position:relative; ..blabla">Маленькая пикча2</div></td>
* *<td></td>
*</tr>
</table>
-
Попробуйте задать position: relative; для <td>, а позиционирование маленьких картинок осуществляйте через position: absolute;...
-
Действительно помогло, благодарю. Эх, все проблемы у меня от незнания блочной вёрстки [Only registered and activated users can see links. Click Here To Register...]
-
-
Кстате что то я поспешил, это в ИЕ всё ок, а Опера и Мозилла - располагает эти две пикчи относительно всего окна document в целом (тоесть несмотря на то что, дочерний элемент relative, position:absolute - воспринимается как от границ окна броузера), а не в конкретной TDшке, может будут варианты ?
-
Попробуйте засунуть в ячейку таблицы див, назначьте ЕМУ position: relative;, а позиционирование маленьких картинок осуществляйте через position: absolute;... Маленькие картинки в коде должны находиться внутри этого дива...
-
Вродь проблема разрешилась, в который раз меня спасает Aykroyd. Благодарю [Only registered and activated users can see links. Click Here To Register...]