X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Вопрос по дивам
wolverine_hb
wolverine_hb
Topic Starter сообщение 8.3.2011, 10:42; Ответить: wolverine_hb
Сообщение #1


Здравствуйте, хочу чтобы на странице было всего 9 блоков по 3 блока в 3 строках, как это реализовать? пытаюсь это сделать так, но не получается:
<style>
.blok{ float:left; padding:5px; border:1px solid #999999; width:300px;}
.str{ width:100%;}
</style>
<div class="str">
<div class="blok">
Содержимое блока
</div>

<div class="blok">
Содержимое блока
</div>

<div class="blok">
Содержимое блока
</div>
</div>

<hr>

<div class="str">
<div class="blok">
Содержимое блока
</div>

<div class="blok">
Содержимое блока
</div>

<div class="blok">
Содержимое блока
</div>
</div>

<hr>

<div class="str">
<div class="blok">
Содержимое блока
</div>

<div class="blok">
Содержимое блока
</div>

<div class="blok">
Содержимое блока
</div>
</div>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SilverCross
SilverCross
сообщение 8.3.2011, 10:59; Ответить: SilverCross
Сообщение #2


та нормально все...как-бы
<style>
.blok{ float:left; padding:5px; border:1px solid #999999; width:300px;}
.str{ width:900px;}
.main {width:900px;}
</style>
<div class="main">
<div class="str">
<div class="blok">
Содержимое блока
</div>

<div class="blok">
Содержимое блока
</div>

<div class="blok">
Содержимое блока
</div>
</div>

<hr>
<div class="str">
<div class="blok">
Содержимое блока
</div>

<div class="blok">
Содержимое блока
</div>

<div class="blok">
Содержимое блока
</div>
</div>

<hr>

<div class="str">
<div class="blok">
Содержимое блока
</div>

<div class="blok">
Содержимое блока
</div>

<div class="blok">
Содержимое блока
</div>
</div>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 8.3.2011, 11:01; Ответить: Apay
Сообщение #3


ширину блока задайте в процентах, чтобы суммарно было 99% (надо оставить 1% на ширину бордеров)
[CSS].blok{ float:left; padding:5px; border:1px solid #999999; width:33%;}
.str{ width:100%; clear:both;}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
wolverine_hb
wolverine_hb
Topic Starter сообщение 8.3.2011, 11:02; Ответить: wolverine_hb
Сообщение #4


Ок, пасиба.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Вопрос - платное размещение баннеров на сайте
10 WGN 3188 14.12.2020, 14:20
автор: Peterson
Открытая тема (нет новых ответов) Вопрос по рекламе в "инстаграме"
Только активные аккаунты могут создавать или редактировать рекламу
8 Zubkov 16055 17.1.2020, 17:49
автор: Forumacc
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВопрос-ответ о работе форума
307 dos1k 43331 9.11.2019, 17:59
автор: heks
Открытая тема (нет новых ответов) Жена логопед, собрался ей приводить клиентов. Встал вопрос, куда приводить.
В теме перечисление доступного мне продвижения, но с чего начать?
9 memeplex 3728 16.2.2019, 15:45
автор: zyzy
Открытая тема (нет новых ответов) Предлагаю размещение качественных ссылок на форумах и сервисах вопрос ответ
21 ПроФФи 5027 2.3.2018, 20:56
автор: ShowPrint


 



RSS Текстовая версия Сейчас: 23.4.2024, 20:26
Дизайн