Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Верстка 6 ячеек, блочная или div ? 
:(
    Опции темы
Hyper
  Дата 10.1.2010, 14:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



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

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

Заранее благодарен.
PM MAIL   Вверх
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>

PM MAIL WWW   Вверх
Hyper
Дата 10.1.2010, 14:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Да но потом в эти ячейки вносить еще данные : фото,выдвигающийся текст на js ....
PM MAIL   Вверх
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
PM MAIL   Вверх
bars80080
Дата 10.1.2010, 15:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



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

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



Цитата(Hyper @  10.1.2010,  13:52 Найти цитируемый пост)
Да но потом в эти ячейки вносить еще данные : фото,выдвигающийся текст на js .

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

то есть проблемы не видно
PM MAIL WWW   Вверх
Hyper
Дата 10.1.2010, 15:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



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

Это сообщение отредактировал(а) Hyper - 10.1.2010, 15:38
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1148 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.