LINUX.ORG.RU
Форум — Web-development  

автоматический перенос строки с div


0

0

привет всем,

вот возникла у меня проблеммка как добиться с <div> такогоже результата как и с <img>

вот к примеруделаем так:

<img height="200" width="200"><img height="200" width="200"><img height="200" width="200"><img height="200" width="200"><img height="200" width="200"><img height="200" width="200">

теперь всё зависет от ширины окна, то и есть картинки переносятся на новую строку в зависимости от ширины окна.

вот и вопрос а как такого же эфекта добиться с <div> 'ами?

пасиба заранее.

★★

Ответ на: комментарий от Miguel

1- ни не нада их закрывать если ты о <img></img> или <img/> необязательна

2-ых ответ не по сути!

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

djung ★★
() автор топика

1. display: block; float: left;

2. Все тэги надо закрывать. Если хочешь иметь валидный, а не быдлокод.

KRoN73 ★★★★★
()

1. display: block; float: left;

2. Все тэги надо закрывать. Если хочешь иметь валидный, а не быдлокод.

KRoN73 ★★★★★
()
Ответ на: комментарий от KRoN73

> Все тэги надо закрывать. Если хочешь иметь валидный, а не быдлокод.

Пруфлинк в студию :)

rab_boziy
()

Насчет закрывания тегов: Тег <img> в html 4.01 (trans.) возможен быть невалидным в том случае если не описан alt="".

По теме float.

gh0stwizard ★★★★★
()
Ответ на: комментарий от KRoN73

Вроде в html 4 не особо надо закрывать одиночные тэги типа <br>, <img> и прочее.

А вообще конечно закрывать очень даже надо, это хорошо, так же хорошо, как и XHTML :)

anonymous
()

display:inline-block

Совет с float-ми от KRoN73 устарел с выходом FF3, пожалуй последним из браузеров реализовавшим это.

anonymfus ★★★★
()
Ответ на: комментарий от anonymfus

>Совет с float-ми от KRoN73 устарел с выходом FF3, пожалуй последним из браузеров реализовавшим это.

А в IE6 работает? Проверить сейчас не на чем...

KRoN73 ★★★★★
()
Ответ на: комментарий от KRoN73

Не на чем, но пишут, что если применять не к div, а к span или другому изначально inline элементу, то работает.

anonymfus ★★★★
()
Ответ на: комментарий от anonymous 

Кстати, в спецификации хтмл 4.01 есть теги, для которых запрещенны закрывающие, например для <br>

Forcing a line break: the BR element 
<!ELEMENT BR - O EMPTY                 -- forced line break --> 
<!ATTLIST BR 
  %coreattrs;                          -- id, class, style, title -- 
  > 
Start tag: required, End tag: forbidden

rab_boziy
()
Ответ на: комментарий от rab_boziy

Когда говорят о закрывании непарных тэгов, то имеют в виду " />".

Боюсь, что на w3c даже для HTML 4.01 не отвалидируется <br>. Только <br/>

KRoN73 ★★★★★
()
Ответ на: комментарий от KRoN73

Тогда уж <br />. Чтобы очень старые браузеры работали.

Miguel ★★★★★
()
Ответ на: комментарий от KRoN73

Ничего подобного. Наоборот, валидатор выдает ворнинг на <br />, а <br> кушает спокойно.

rab_boziy
()
Ответ на: комментарий от anonymfus

>В HTML "<хрень/>" является открывающим тегом. Это одна из причин, почему отсылать XHTML под видом HTML нельзя.

Смотря когда.

Например можно смотреть браузер и по нему высылать контент-тайп (xhtml+xml для нормальных браузеров, html для ИЕ). И при этом неправильный html придет только для ИЕ (который в принципе нормально его сожрет). Да ну и хрен с ним.

anonymous
()
Ответ на: комментарий от rab_boziy

>"Нормальные" браузеры уже разве перестали понимать html 4.01?

Нет, они прекрасно принимают html 4.01, но xhtml мне нравится больше (<no flame>) и я считаю, что верстку надо делать с xhtml 1.0 strict.

anonymous
()
Ответ на: комментарий от anonymous

>Нет, они прекрасно принимают html 4.01, но xhtml мне нравится больше (<no flame>) и я считаю, что верстку надо делать с xhtml 1.0 strict.

Поддерживаю, но ИМХО иногда strict не подходит, и требуются фреймы

Orlangoor ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
Web-development