- 1
- 2
- 3
- 4
- 5
- 6
- 7
.first-page-amount span {
display: block;
}
.first-page-amount div {
display: inline-block;
}
Нашли или выдавили из себя код, который нельзя назвать нормальным, на который без улыбки не взглянешь? Не торопитесь его удалять или рефакторить, — запостите его на говнокод.ру, посмеёмся вместе!
+7
.first-page-amount span {
display: block;
}
.first-page-amount div {
display: inline-block;
}
Хоть и CSS, но наговнокодить и тут можно.
inkanus-gray 17.08.2015 13:51 # 0
Теперь можно даже ссылки делать блочными.
http://css-live.ru/articles/blochnyx-i-strochnyx-elementov-v-html-bolshe-net.html
keitoaino 17.08.2015 15:09 # +1
<div class="first-page-amount">
<span>
<div>Lorem ipsum</div>
</span>
<span>
<div>Lorem ipsum</div>
</span>
</div>
inkanus-gray 17.08.2015 16:10 # +1
А вообще, если нет необходимости экономить считанные байты разметки, в селекторах лучше элементы (теги) не использовать, а присвоить всем элементам классы. Вот так, например:
Тогда будет вообще пофигу, дивы у нас или спаны.
Qwertiy 23.08.2015 16:51 # +1
inkanus-gray 23.08.2015 18:06 # +1
Блоковые можно вкладывать только в 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 только для семантики? У меня такое ощущение, что где-то меня на обманули.
inkanus-gray 23.08.2015 22:49 # 0
>> Теперь можно даже ссылки делать блочными.
Почти любому элементу можно задать стиль dislay:block, display:table-cell и даже display:list-item или что-нибудь более извращённое, но вкладывать div в элемент, который по дефолту строчный, нельзя, даже если в CSS отображение переопределено.
Например, так можно:
Но при этом вложить div (даже если у него стиль display:inline) мы не имеем права, а вложить span с display:block можем.
В чём смысл соблюдения древнего ритуала с иерархией элементов, я не понимаю.
Qwertiy 24.08.2015 01:24 # +1
В span вложить div всё ещё можно, но код уже невадлиден.
В р вложить div уже не удастся - правила парсинга не позволят.
Что касается свойства display, то да, его любое значение можно задать любому элементу. Но вот на разрешение вкладывать элементы друг в друга это не повлияет. Вероятно из-за того, что сначала парсится dom, а потом к нему применяется css.
Ну и с интерактивными элементами надо быть осторожнее - можно хорошо огрести...
inkanus-gray 24.08.2015 11:56 # +1
В каких стандартах?
> В р вложить div уже не удастся - правила парсинга не позволят.
В HTML5, сериализованном в HTML, действительно нельзя из-за автозакрытия тега <p>: http://codepen.io/anon/pen/QbeKjb
Не то, чтобы нам кто-то запретил, просто тег <p> автоматически закрывается, если после него появляется неинлайновый тег. HTML5/HTML аналогично закрывает и некоторые другие теги (элементы списков, например). Это тянется ещё с какой-то древней версии HTML.
А при сериализации в XHTML вложить div в p технически возможно, даже браузеры отображают, как ожидается (я проверял). Да, в XHTML div не закрывает p и после </div> элемент p продолжается. Именно поэтому мне больше нравится XHTML.
> Ну и с интерактивными элементами надо быть осторожнее - можно хорошо огрести...
С элементами форм вообще всё плохо: разные браузеры по-разному применяют к ним стили и надеяться на хоть какую-то кроссбраузерность будет слишком наивно.
kegdan 17.08.2015 15:50 # 0
keitoaino 17.08.2015 16:01 # 0
kegdan 17.08.2015 16:03 # 0
Кстати, товарищи, вам на почту приходит сообщение о новых ответах? Мне чет не приходит
keitoaino 17.08.2015 16:07 # 0
bakagaijin 17.08.2015 16:28 # 0
1024-- 17.08.2015 18:23 # +1
Приходит уведомление об ответе на комментарий пользователя или комментарии к его гк.
bormand 17.08.2015 18:26 # +1
Код из разряда #define true false... Врагу не пожелаешь...
3_14dar 17.08.2015 18:50 # 0
bormand 17.08.2015 18:52 # +2
inkanus-gray 17.08.2015 20:02 # 0
Кстати, до сих пор живут чудеса. IMG, например, по умолчанию почему-то ведёт себя как inline, а не как block, но при этом имеет высоту. Отображение IMG ещё может зависеть от доктайпа, если не задать принудительно display:block.
bormand 17.08.2015 20:04 # +1
Да от него даже такой ад зависит, как отображение пустых <td />...
3_14dar 18.08.2015 03:28 # 0
kegdan 18.08.2015 05:30 # 0
1024-- 18.08.2015 15:52 # 0
kegdan 18.08.2015 16:04 # 0
3_14dar 18.08.2015 19:22 # 0
bormand 18.08.2015 17:11 # 0
Справочник от мозиллы по html/js/css: https://developer.mozilla.org/ru/ (юзаешь в гугле как "MDN table" или "MDN border-width")
3_14dar 18.08.2015 19:14 # 0
kegdan 18.08.2015 19:19 # 0
3_14dar 18.08.2015 19:20 # 0
kegdan 18.08.2015 19:22 # 0
3_14dar 18.08.2015 19:23 # 0
kegdan 18.08.2015 19:25 # 0
3_14dar 18.08.2015 19:55 # 0
kegdan 18.08.2015 19:58 # 0
3_14dar 18.08.2015 20:00 # 0
kegdan 18.08.2015 20:03 # 0
Вообще я про j читаю
3_14dar 18.08.2015 20:10 # 0
kegdan 18.08.2015 20:12 # 0
3_14dar 18.08.2015 20:14 # 0
kegdan 18.08.2015 20:16 # 0
3_14dar 18.08.2015 20:51 # 0
inkanus-gray 18.08.2015 20:57 # 0
В идеале, конечно, ставить софт по отдельности, но для разработки XAMPP сойдёт.
3_14dar 18.08.2015 22:18 # +2
Что хорошее было в денвере - он типа русский был.
kegdan 19.08.2015 08:13 # 0
1024-- 19.08.2015 10:48 # 0
Даже не знаю, насколько нужно упороться, чтобы вместо автоматической установки всей питушни с инструкциями и интерфейсами на родном языке выбирать ручную установку и притирку множества иностранной питушни.
А п_идар сам такой же русский, как и остальные посетители ГК. И его конфликт - это не "Россия-Украина" и бред вида "азаза русские напали", а "СССР-Германия", "необразованные русские Ваньки против благородных немецких херров", отрицание собственного я за декорациями еврогейской жизни и противопоставление себя своему народу.
kegdan 19.08.2015 11:14 # +1
по-моему еще товарищ Геббельс поставил точку в этом споре
>>Приходишь к горькому выводу, что военное руководство Советского Союза состоит из людей классом выше, чем наше собственное. (Запись от 16 марта 1945 г. из дневника Геббельса)
3_14dar 19.08.2015 14:43 # 0
3_14dar 19.08.2015 14:41 # 0
Айтишник закукарекал заместо авроры. Русский язык - это плюс, но не настолько большой, как один инсталлятор вместо нескольких + последующего пердолинга.
>русские буквы.
Неужто xampp не поддерживает юникод?
>И его конфликт - это не "Россия-Украина"
>противопоставление себя своему народу.
Это какому же? Моя родина - восток Украины. Долгое время я ошибочно считал себя русским, но время все расставило на свои места.
kegdan 19.08.2015 16:31 # 0
>> 3_14dar
3_14dar 19.08.2015 20:08 # 0
kegdan 19.08.2015 21:40 # +2
1024-- 19.08.2015 22:02 # 0
kegdan 19.08.2015 22:08 # 0
3_14dar 19.08.2015 14:37 # 0
3_14dar 23.08.2015 18:23 # 0
kegdan 23.08.2015 18:27 # 0
3_14dar 23.08.2015 18:28 # 0
kegdan 23.08.2015 18:31 # 0
3_14dar 23.08.2015 18:37 # 0
kegdan 23.08.2015 18:38 # 0
3_14dar 23.08.2015 18:45 # 0
kegdan 23.08.2015 18:46 # 0
3_14dar 23.08.2015 18:59 # 0
kegdan 23.08.2015 19:00 # 0
3_14dar 23.08.2015 19:25 # 0
kegdan 23.08.2015 19:34 # 0
3_14dar 23.08.2015 19:35 # 0
kegdan 23.08.2015 19:36 # 0
3_14dar 23.08.2015 19:37 # 0
kegdan 23.08.2015 19:38 # 0
Говнокод, говнофорум
3_14dar 23.08.2015 19:43 # 0
kegdan 23.08.2015 19:44 # 0
3_14dar 23.08.2015 19:46 # 0
kegdan 23.08.2015 19:48 # 0
3_14dar 23.08.2015 20:30 # 0
1024-- 23.08.2015 23:24 # 0
Используйте шифроскрипт. Обменяйтесь ключами да болтайте прямо тут.
3_14dar 23.08.2015 23:41 # 0
1024-- 24.08.2015 09:50 # 0
3_14dar 24.08.2015 09:58 # 0
1024-- 24.08.2015 10:07 # 0
Ещё это освобождает от регистрации лишних фэйковых учёток и их проблем (передача IP/передача уникального статуса настоящей учётки в случае клиента с N>1 учёток и т.п.), если надо быстренько что-то обсудить
3_14dar 24.08.2015 17:16 # 0
Тебе не надоело еще, дитина? А кто-то другой может все говнокоды утопить. Кстати, а что там было? Кто и как их вернул?
1024-- 24.08.2015 17:42 # 0
Я же не каждый день скрипты пишу, чему тут надоесть. Захотел - написал, не захотел - не написал.
Тёмная история. Возможно, пришёл Страйкер/Люр. Возможно, говнокод всё же поднимается из небытия, если ему поставить много плюсов, и кто-то запустил своих ботов в ответ.
3_14dar 25.08.2015 00:06 # 0
1024-- 25.08.2015 11:53 # 0
kegdan 25.08.2015 13:25 # 0
1024-- 24.08.2015 13:05 # 0
3_14dar 24.08.2015 17:16 # 0
kegdan 24.08.2015 17:48 # 0
3_14dar 25.08.2015 00:06 # 0
kegdan 25.08.2015 00:16 # 0
3_14dar 25.08.2015 00:44 # 0
kegdan 25.08.2015 05:30 # 0
3_14dar 25.08.2015 05:47 # 0
kegdan 25.08.2015 06:29 # +1
Так зачем ты сюда приходишь, если не хочешь?)
3_14dar 25.08.2015 21:13 # 0
kegdan 25.08.2015 21:13 # 0
3_14dar 25.08.2015 21:14 # 0
guest 25.08.2015 11:21 # +1
3.14159265 27.08.2015 13:52 # 0
>>3_14dar Позавчера
>>гк же уныл
>>>3_14dar
>>>уныл
3_14dar 27.08.2015 17:33 # 0
guest 28.08.2015 20:49 # +1
3_14dar 28.08.2015 20:56 # 0
guest 28.08.2015 21:20 # 0
3_14dar 28.08.2015 23:10 # 0
guest 28.08.2015 23:52 # 0
3_14dar 28.08.2015 23:54 # 0
guest 29.08.2015 19:43 # 0
kegdan 18.08.2015 19:32 # 0
https://www.codecademy.com/