верстка div

rubanok · 29.06.2006, 12:03

<div class='topMenu'>1</div>
<div class='topMenu'>2</div>
<div class='topMenu'>3</div>
<div class='topMenu'>4</div>
<div class='topMenu'>5</div>
Для класса topMenu в css прописанно:
.topMenu {float:left;clear:right;}
Получается все в одну строку, а вот при сжатии окна браузера нужно чтобы блоки перескакивали на новую строку
Как правильно прописать css или в html коде что-то изменить

Uratsakidogi · 29.06.2006, 12:20

Может, не стоит пока начинать верстать без таблиц?

float: left; clear: right; запрещает им переносится. Убери clear: right.

Что тебе помешало задать стили сразу для <a> или, для одного общего контейнера?

rubanok · 29.06.2006, 12:31

есть решени, просто прописать clear:none;
и всё правильно переносится

Uratsakidogi · 29.06.2006, 14:23

Точно рано еще.

Я тебе тоже самое сказал, только более верную реализацию.

kost · 30.06.2006, 10:46

Цитата:

Может, не стоит пока начинать верстать без таблиц?

Стоит.

Uratsakidogi · 30.06.2006, 16:20

kost, а не лучше сначала познать азы, а потом уже начинать?

Код в первом посте ужасен.

kost · 03.07.2006, 11:21

Куд ужасненький, не спорю. Но азы надо с чего-то начинать постигать.

А потом придти к семантической верстке. И вместо div использовать нужные элементы.

dantistus · 03.07.2006, 15:43

Кост, меню - это не список. Просто иногда его удобно сделать списком.

Таблицы точно не подойдут, потому что ему надо, чтоб на новую строку переносились.

Rubanok, в твоем примере тебе вообще никакие div'ы и классы не нужны, пиши просто так:

1
2
3

Они у тебя будут прекрасно переноситься на новую строку

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
HTML верстка, верстка сайтов по стандартам w3c	napoleon1985	Вакансии	1	27.11.2012 16:49
HTML верстка, верстка сайтов по стандартам W3C	napoleon1985	HTML, CSS, JavaScript	3	24.10.2012 18:07
Верстка под CMS	swallow	HTML, CSS, JavaScript	8	14.04.2011 18:56
Верстка	Onahapa	HTML, CSS, JavaScript	14	31.10.2010 20:12
Верстка	Tico	Вакансии	1	26.01.2010 20:48

29.06.2006, 12:03	#1
rubanok	<div class='topMenu'>1</div> <div class='topMenu'>2</div> <div class='topMenu'>3</div> <div class='topMenu'>4</div> <div class='topMenu'>5</div> Для класса topMenu в css прописанно: .topMenu {float:left;clear:right;} Получается все в одну строку, а вот при сжатии окна браузера нужно чтобы блоки перескакивали на новую строку Как правильно прописать css или в html коде что-то изменить

29.06.2006, 12:20	#2
Uratsakidogi	Может, не стоит пока начинать верстать без таблиц? float: left; clear: right; запрещает им переносится. Убери clear: right. Что тебе помешало задать стили сразу для <a> или, для одного общего контейнера?

29.06.2006, 12:31	#3
rubanok	есть решени, просто прописать clear:none; и всё правильно переносится

29.06.2006, 14:23	#4
Uratsakidogi	Точно рано еще. Я тебе тоже самое сказал, только более верную реализацию.

30.06.2006, 16:20	#6
Uratsakidogi	kost, а не лучше сначала познать азы, а потом уже начинать? Код в первом посте ужасен.

03.07.2006, 11:21	#7
kost	Куд ужасненький, не спорю. Но азы надо с чего-то начинать постигать. А потом придти к семантической верстке. И вместо div использовать нужные элементы.

03.07.2006, 15:43	#8
dantistus	Кост, меню - это не список. Просто иногда его удобно сделать списком. Таблицы точно не подойдут, потому что ему надо, чтоб на новую строку переносились. Rubanok, в твоем примере тебе вообще никакие div'ы и классы не нужны, пиши просто так: 1 2 3 Они у тебя будут прекрасно переноситься на новую строку