Архив форумов ЦИТФорума

[DelpH]

Уважаемые господа !
как правильно делать такое:
Есть главная пага - на ней много новостей (скока неизвестно), после новостей по горизонтали по центру рисунок - а с его углами соеденены еще 4 рисунка, которые являются ссылками ? Как сделать ..?

[Anatoliy]

Думаю можно использовать таблицу

[DelpH]

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

[Малыш_Эльф]

Если я правельно понял о чём идёт речь до можно и таблицей указать ей border=0 и рисункам указать тоже самое ибо рамка ссылки не мешалась под ногами )))) Тогда всё будет работать )))) Но ет если токо я вас всех прально понял!

[DelpH]

101
010
101
Там где единички - картинки. То вродь так их низя будет - как на картинке... внизу. Надь чтобы 1, 2, 3, 4 картинки были поверх 5...

******** ********
* * * *
* 1 * * 2 *
* ************** *
* * * * * *
******** ********
* *
* 5 *
* *
******** ********
* * * * * *
* ************** *
* 3 * * 4 *
* * * *
******** ********

[ilya]

Вариант 1. нарисуй уже перекрывающиеся и разреж.

Вариант 2. Релятивное позиционирование. Укажи у рисунка style='position:relative;top:-5;left-5' и все будет хорошо (ну у верхних соотв-но +5, там сам смотри)

[DelpH]

Млин, я тут рисовал понимаешь ... а она...
Щас как раз так примерно... Я не совсем понял как при relative указывать top и left. Методом тыка подобрал такие:

























На шару ... но получается тока под конкретное разрешение ...

2ilya: Как их провильно указывать (top&left)?

[DelpH]

Упс ... про теги забыл ...

Главная (что по середине):
left: 300; top: 0; z-index:1
левая верхняя:
left: 20; top: -120; z-index: 2
правая верхняя:
left: 90; top: -120; z-index: 3
левая нижняя:
left: -200; top: 50; z-index: 4
правая нижняя:
left: -130; top: 60; z-index: 5

Относительно чего они задаются ..?

[ilya]

относительно того положения когда relative не указано.

[ilya]

лучше размести 5 картинок с помощью таблицы. а потом немного смести их с помощью relaive. будет проще. я думал ты так и сделаешь, поэтому писал top:-5.
удачи

[DelpH]

Теперь понял ... Спасибо всем !