VPF::Верстка 6 ячеек - Форум программистов

Hyper

Дата 10.1.2010, 14:37 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 10
Регистрация: 15.4.2008

Репутация: нет
Всего: нет

Здравствуйте.Подскажите пожалуйста,на чем лушче сделать такую вот вещь : Фото

На дивах или таблицей? Начал дивами- запутался,таблицами я думаю не катит.

Заранее благодарен.

bars80080

Дата 10.1.2010, 14:43 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

а что таблицами не катит? всё очень даже просто:

Код


<table>
<tr><td colspan="2"></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>

Hyper

Дата 10.1.2010, 14:52 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 10
Регистрация: 15.4.2008

Репутация: нет
Всего: нет

Да но потом в эти ячейки вносить еще данные : фото,выдвигающийся текст на js ....

Mavrun

Дата 10.1.2010, 14:52 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 199
Регистрация: 25.11.2007

Репутация: 9
Всего: 13

Ширина фиксированная? Если да, то

Код


<div id="all">
   <div id="header" class="spacer">Шапка</div>

   <div class="block">Блок 1</div>
   <div class="block">Блок 2</div>
   <div class="block">Блок 3</div>
   <div class="block">Блок 4</div>
   <div class="block">Блок 5</div>
   <div class="block">Блок 6</div>

   <div class="spacer"></div>
</div>

Код


* {margin:0; padding:0}
#all {
width: 1000px;
margin: auto;
}
#header {
width: 1000px; 
height: 300px;
}
.spacer {clear:both;}
.block {
float:left;
width: 490px;
padding: 0 10px 10px 0;
display:inline;
}

Если центр резинкой будет, то думаю шапку можно сделать дивом, а шесть блоков табличкой.
Если будут вопросы что почему и зачем (в плане свойств), с радостью отвечу

Это сообщение отредактировал(а) Mavrun - 10.1.2010, 14:55

bars80080

Дата 10.1.2010, 15:05 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

Цитата(Hyper @ 10.1.2010, 13:52

)

Да но потом в эти ячейки вносить еще данные : фото,выдвигающийся текст на js .

классами указать нужную ширину у нужных ячеек. пикселах или процентах.
если нужно непоколебимости даже при превышении контента ширины ячейки, то вытавить нужный display у ячейки или засунуть в неё див с overflow

то есть проблемы не видно

Hyper

Дата 10.1.2010, 15:05 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 10
Регистрация: 15.4.2008

Репутация: нет
Всего: нет

Всем спасибо.

Это сообщение отредактировал(а) Hyper - 10.1.2010, 15:38

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »