Как во врапе добавить перенос строки?

NiKRON · 10.05.2011, 14:33

На новую строку. Это же инлайн-блоки

Вот пример:
http://postimage.org/image/89j6ntgk/
Если не сделать перенос, то Datorzinību pamati уйдёт вправо, за пределы блока, в котором находится список.

-=UncleByte=- · 10.05.2011, 14:48

Так зачем в таком случае делать inline-block, который понимается далеко не всеми браузерами? И тем более пытаться приделать к ним не свойственное им поведение?
Вполне достаточно display:block; float:left; в таком случае и не надо ничего выдумывать.

NiKRON · 10.05.2011, 15:10

inline-block понимается всеми браузерами.
Разве это не свойственно inline-block-у выстраиваться в строчку и переноситься в конце строки?
Блоки могут быть разной высоты поэтому float: left не подходит. Кстати display: block в данном случае писать не нужно, поскольку float автоматически его включает.

NiKRON · 10.05.2011, 15:13

Мне тупо нужно вставить пробел или перенос строки после </li>!
Не надо меня учить вёрстке, пожалуйста, я ей сам кого хочешь научу.

-=UncleByte=- · 10.05.2011, 15:35

Если они понимаются одинаково всеми браузерами, то почему Чикуенок так мучался (http://chikuyonok.ru/2011/04/inline-vertical-align/) и что-то изобретал? И остальные тоже - http://habrahabr.ru/blogs/css/117109/ .
IE так до версии 9 вообще не понимал что у inline-block может быть высота.
Не претендую на то, чтобы учить, просто к здравому смыслу призываю.

NiKRON · 10.05.2011, 15:51

А где он мучался-то? Очень правильно применил inline-block для решения своей задачи.
Для выравнивания по вертикали добавляется vertical-align: top и всё замечательно.

Что касается фразы «Вот только это не работает в Firefox 2, IE 6 и 7» (по ссылке на хабр)
Во-первых на FF2 и IE6 я не ориентируюсь, а для IE7 просто включается hasLayout.

Насчёт IE, inline-block и высоты — ерунда. Учите матчасть.

Продолжать будем? Я вёрстку уже сделал и другие варианты меня не устраивают, мне просто нужен ответ на мой вопрос.

-=UncleByte=- · 10.05.2011, 16:21

C термином "верстка под CMS" надо знакомиться вдумчивее

Если что-то не получается простым путем без использования "хаков", то, на мой взгляд, надо заходить с другой стороны. В данном случае с изменения верстки, потому что пробельные символы, которые окружают inline-block ведут себя неоднозначно даже и в ff4, из-за чего, скорее всего, и возникает необходимость вставить пробел или любой другой пробельный символ.

Из легких вариантов могу посоветовать поставить sourceopt и включить в нем Format HTML -> Logic line breaks (all box-elements). Скорее всего сработает и все li будут на новой строке каждый.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
как добавить свой функционал	Hugo-Stiglits	Общие вопросы	2	10.03.2011 05:06
Как добавить "Alternative Page Language" у которой doktype "External Url"?	thebat	Общие вопросы	2	22.09.2010 23:35
как добавить Meta-тег?	M31	TYPO3: SEO и статистика посещений	10	13.03.2010 21:32
Как в RTE HtmlArea добавить свою кнопку?	Дылгеров Ц.В.	HTMLArea, RTE, tinymce_rte и другие визуальные редакторы	9	17.04.2008 20:21
как добавить кнопки модулей на панель инструментов?	Андрей Полищук	HTMLArea, RTE, tinymce_rte и другие визуальные редакторы	3	22.01.2008 17:29

10.05.2011, 14:33	#1
NiKRON Senior Member Регистрация: 13.11.2006 Сообщений: 180	На новую строку. Это же инлайн-блоки Вот пример: http://postimage.org/image/89j6ntgk/ Если не сделать перенос, то Datorzinību pamati уйдёт вправо, за пределы блока, в котором находится список.

10.05.2011, 14:48	#2
-=UncleByte=- Senior Member Регистрация: 14.04.2006 Сообщений: 1,159	Так зачем в таком случае делать inline-block, который понимается далеко не всеми браузерами? И тем более пытаться приделать к ним не свойственное им поведение? Вполне достаточно display:block; float:left; в таком случае и не надо ничего выдумывать.

10.05.2011, 15:10	#3
NiKRON Senior Member Регистрация: 13.11.2006 Сообщений: 180	inline-block понимается всеми браузерами. Разве это не свойственно inline-block-у выстраиваться в строчку и переноситься в конце строки? Блоки могут быть разной высоты поэтому float: left не подходит. Кстати display: block в данном случае писать не нужно, поскольку float автоматически его включает.

10.05.2011, 15:13	#4
NiKRON Senior Member Регистрация: 13.11.2006 Сообщений: 180	Мне тупо нужно вставить пробел или перенос строки после </li>! Не надо меня учить вёрстке, пожалуйста, я ей сам кого хочешь научу.

10.05.2011, 15:35	#5
-=UncleByte=- Senior Member Регистрация: 14.04.2006 Сообщений: 1,159	Если они понимаются одинаково всеми браузерами, то почему Чикуенок так мучался (http://chikuyonok.ru/2011/04/inline-vertical-align/) и что-то изобретал? И остальные тоже - http://habrahabr.ru/blogs/css/117109/ . IE так до версии 9 вообще не понимал что у inline-block может быть высота. Не претендую на то, чтобы учить, просто к здравому смыслу призываю.

10.05.2011, 15:51	#6
NiKRON Senior Member Регистрация: 13.11.2006 Сообщений: 180	А где он мучался-то? Очень правильно применил inline-block для решения своей задачи. Для выравнивания по вертикали добавляется vertical-align: top и всё замечательно. Что касается фразы «Вот только это не работает в Firefox 2, IE 6 и 7» (по ссылке на хабр) Во-первых на FF2 и IE6 я не ориентируюсь, а для IE7 просто включается hasLayout. Насчёт IE, inline-block и высоты — ерунда. Учите матчасть. Продолжать будем? Я вёрстку уже сделал и другие варианты меня не устраивают, мне просто нужен ответ на мой вопрос.

10.05.2011, 16:21	#7
-=UncleByte=- Senior Member Регистрация: 14.04.2006 Сообщений: 1,159	C термином "верстка под CMS" надо знакомиться вдумчивее Если что-то не получается простым путем без использования "хаков", то, на мой взгляд, надо заходить с другой стороны. В данном случае с изменения верстки, потому что пробельные символы, которые окружают inline-block ведут себя неоднозначно даже и в ff4, из-за чего, скорее всего, и возникает необходимость вставить пробел или любой другой пробельный символ. Из легких вариантов могу посоветовать поставить sourceopt и включить в нем Format HTML -> Logic line breaks (all box-elements). Скорее всего сработает и все li будут на новой строке каждый.