- 1
- 2
- 3
- 4
- 5
- 6
- 7
.first-page-amount span {
display: block;
}
.first-page-amount div {
display: inline-block;
}-
JavaScript / Говнокод #18606
+7
Хоть и CSS, но наговнокодить и тут можно.
Запостил:
keitoaino,
17 Августа 2015
Follow us!
Теперь можно даже ссылки делать блочными.
http://css-live.ru/articles/blochnyx-i-strochnyx-elementov-v-html-bolshe-net.html
<div class="first-page-amount">
<span>
<div>Lorem ipsum</div>
</span>
<span>
<div>Lorem ipsum</div>
</span>
</div>
А вообще, если нет необходимости экономить считанные байты разметки, в селекторах лучше элементы (теги) не использовать, а присвоить всем элементам классы. Вот так, например:
Тогда будет вообще пофигу, дивы у нас или спаны.
Блоковые можно вкладывать только в div и в blockquote.
Читаем дальше... Оказывается, к Inline добавляются a, applet, средства выделения, map, object, iframe, а к FLow добавляются dl, ol, ul, hr, формы, таблицы. Подробнее тут: http://www.w3.org/TR/xhtml-modularization/abstract_modules.html
Теперь смотрим, чё там у HTML5: «Most elements that are categorized as phrasing content can only contain elements that are themselves categorized as phrasing content, not any flow content». Phrasing — это a; abbr; audio; b; bdi; bdo; br; button; canvas; cite; code; data; datalist; del; dfn; em; embed; i; iframe; img; input; ins; kbd; keygen; label; map; mark; math; meter; noscript; object; output; progress; q; ruby; s; samp; script; select; small; span; strong; sub; sup; svg; template; textarea; time; u; var; video; wbr. Отсюда: http://www.w3.org/TR/html5/dom.html#phrasing-content-1
Действительно, по-прежнему div в span включать нельзя, даже несмотря на то, что средствами CSS их можно поменять ролями.
Въ Поставил плюс. Но как же так, Карл? Где обещанный перенос представления из HTML в CSS, а HTML только для семантики? У меня такое ощущение, что где-то меня на обманули.
>> Теперь можно даже ссылки делать блочными.
Почти любому элементу можно задать стиль dislay:block, display:table-cell и даже display:list-item или что-нибудь более извращённое, но вкладывать div в элемент, который по дефолту строчный, нельзя, даже если в CSS отображение переопределено.
Например, так можно:
Но при этом вложить div (даже если у него стиль display:inline) мы не имеем права, а вложить span с display:block можем.
В чём смысл соблюдения древнего ритуала с иерархией элементов, я не понимаю.
В span вложить div всё ещё можно, но код уже невадлиден.
В р вложить div уже не удастся - правила парсинга не позволят.
Что касается свойства display, то да, его любое значение можно задать любому элементу. Но вот на разрешение вкладывать элементы друг в друга это не повлияет. Вероятно из-за того, что сначала парсится dom, а потом к нему применяется css.
Ну и с интерактивными элементами надо быть осторожнее - можно хорошо огрести...
В каких стандартах?
> В р вложить div уже не удастся - правила парсинга не позволят.
В HTML5, сериализованном в HTML, действительно нельзя из-за автозакрытия тега <p>: http://codepen.io/anon/pen/QbeKjb
Не то, чтобы нам кто-то запретил, просто тег <p> автоматически закрывается, если после него появляется неинлайновый тег. HTML5/HTML аналогично закрывает и некоторые другие теги (элементы списков, например). Это тянется ещё с какой-то древней версии HTML.
А при сериализации в XHTML вложить div в p технически возможно, даже браузеры отображают, как ожидается (я проверял). Да, в XHTML div не закрывает p и после </div> элемент p продолжается. Именно поэтому мне больше нравится XHTML.
> Ну и с интерактивными элементами надо быть осторожнее - можно хорошо огрести...
С элементами форм вообще всё плохо: разные браузеры по-разному применяют к ним стили и надеяться на хоть какую-то кроссбраузерность будет слишком наивно.
Кстати, товарищи, вам на почту приходит сообщение о новых ответах? Мне чет не приходит
Приходит уведомление об ответе на комментарий пользователя или комментарии к его гк.
Код из разряда #define true false... Врагу не пожелаешь...
Кстати, до сих пор живут чудеса. IMG, например, по умолчанию почему-то ведёт себя как inline, а не как block, но при этом имеет высоту. Отображение IMG ещё может зависеть от доктайпа, если не задать принудительно display:block.
Да от него даже такой ад зависит, как отображение пустых <td />...
Справочник от мозиллы по html/js/css: https://developer.mozilla.org/ru/ (юзаешь в гугле как "MDN table" или "MDN border-width")
Вообще я про j читаю
В идеале, конечно, ставить софт по отдельности, но для разработки XAMPP сойдёт.
Что хорошее было в денвере - он типа русский был.
Даже не знаю, насколько нужно упороться, чтобы вместо автоматической установки всей питушни с инструкциями и интерфейсами на родном языке выбирать ручную установку и притирку множества иностранной питушни.
А п_идар сам такой же русский, как и остальные посетители ГК. И его конфликт - это не "Россия-Украина" и бред вида "азаза русские напали", а "СССР-Германия", "необразованные русские Ваньки против благородных немецких херров", отрицание собственного я за декорациями еврогейской жизни и противопоставление себя своему народу.
по-моему еще товарищ Геббельс поставил точку в этом споре
>>Приходишь к горькому выводу, что военное руководство Советского Союза состоит из людей классом выше, чем наше собственное. (Запись от 16 марта 1945 г. из дневника Геббельса)
Айтишник закукарекал заместо авроры. Русский язык - это плюс, но не настолько большой, как один инсталлятор вместо нескольких + последующего пердолинга.
>русские буквы.
Неужто xampp не поддерживает юникод?
>И его конфликт - это не "Россия-Украина"
>противопоставление себя своему народу.
Это какому же? Моя родина - восток Украины. Долгое время я ошибочно считал себя русским, но время все расставило на свои места.
>> 3_14dar
Говнокод, говнофорум
Используйте шифроскрипт. Обменяйтесь ключами да болтайте прямо тут.
Ещё это освобождает от регистрации лишних фэйковых учёток и их проблем (передача IP/передача уникального статуса настоящей учётки в случае клиента с N>1 учёток и т.п.), если надо быстренько что-то обсудить
Тебе не надоело еще, дитина? А кто-то другой может все говнокоды утопить. Кстати, а что там было? Кто и как их вернул?
Я же не каждый день скрипты пишу, чему тут надоесть. Захотел - написал, не захотел - не написал.
Тёмная история. Возможно, пришёл Страйкер/Люр. Возможно, говнокод всё же поднимается из небытия, если ему поставить много плюсов, и кто-то запустил своих ботов в ответ.
Так зачем ты сюда приходишь, если не хочешь?)
>>3_14dar Позавчера
>>гк же уныл
>>>3_14dar
>>>уныл
https://www.codecademy.com/