Форум Сайтостроение Веб-строительство

Помощь по верстке

AX
На сайте с 20.09.2008
Offline
133
ApocX
534

Добрый день всем :rolleyes:

Очень прошу помочь с версткой, эскиз во вложении.

Основная проблема для меня - блок №3, третья колонка и ее высота, дело в том, что там меню, при добавлении нового элемента в меню, растягивается весь блок,а мне надо именно чтобы колонка увеличивалась.

Делал все таблично, с дивами плохо знаком, прошу не судить строго, а показать как можно реализовать данную верстку :o

з.ы.: хочу заметить, что блоки №1 - тянущиеся, фиксированную ширину имеет только центровая часть

jpg 27291.jpg
Anarchist
На сайте с 23.07.2008
Offline
185
Anarchist
#1

судя по этой "разметке", вы хотите каким-то волшебным образом получить блок, отличный от прямоугольного?

или я что-то не так понял?

[Удален]
#2

видимо так и есть:)

тут скорее нужно кучу дивов плодить, а не таблицу рисовать...

Swhile
На сайте с 02.05.2007
Offline
58
Swhile
#3

Попробуйте сделать блоками. Блок №3 и №4 можно оформить примерно так: 

<div style='float: left; width: 988px;'>

	<div  style='float: left; width: 640px; height: 300px;'>

		1ая колонка блока №3

	</div>

	<div  style='float: left; width: 108px; height: 300px;'>

		2ая колонка блока №3

	</div>

	<div  style='float: right; width: 240px;'>

		3яя колонка блока №3

	</div>

	Здесь текст блока № 4

</div>

Эксперементируйте 🚬

!
На сайте с 29.11.2007
Offline
109
!bogus
#4

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

jpg page.jpg
txt code.txt
.
З
На сайте с 24.04.2008
Offline
54
Здыхлик
#5

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

Givandos
На сайте с 25.06.2007
Offline
33
Givandos
#6

ApocX

Блок №4, третья колонка - что там должно быть?

Блок №5 - там нужно чтоб было 3 колонки?

Вторые колонки в обеих блоках - зачем они нужны?

п.с. Верстка делается для себя или для заказчика?

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий