CrystalCrystal

20.12.2017 в 09:35, Switch74 сказал:

если вы примените opacity < 1 к <div >, то <div class="red"></div> будет находиться в контексте <div >, а не корневого элемента
z-index всегда работает относительно контекста,
т.е. есть у вас например два div с span
<div>
<span></span>
<span></span>
</div>
<div>
<span></span>
<span></span>
</div>
устанавливая z-index для span они все будут в папке корневого элемента (обзавем его как в linux '/') элементы естесно как массив
/span[0]
/span[1]
/span[2]
/span[3]
все span будут выравниваться по z-index относительно друг друга
теперь вы для первого div указали opacity или например как-нибудь по другому включили контекст, тогда у нас получится
/div[0]    /span[0]
/div[0]    /span[1]
/span[2]
/span[3]
тут получается что span[0] и span[1] даже не знают о существовании других span и естесно выравниваться будут только относительно друг друга с нулевым отсчетом относительно родительского div

еще это можно объяснить на примере комнаты:
смотрите вы сверху на свою комнату есть у вас пол, стул, стол с z-index 1,2,3 соответственно
на полу у вас лежат листки, на стуле и на столе
листки на столе лежат стопкой и естесно верхние перекрывают нижние, то же самое на стуле и полу, но
листки на столе логично что выше листков на стуле или полу, но они их не перекрывают, их перекрывает стол
т.е. листки на полу с z-index равным 1000 не будут перекрывать листки на столе с z-index равному 10, потому что они даже не сравниваются, т.к. уже находятся на разных уровнях/плоскостях (в разных контекстах)

Но вот если вместо opacity указать position: relative, разве аналогичным образом не должен быть создан новый контекст для span.red?

http://jsfiddle.net/0ktyq9da/52/

Update:

Ага, я допер! В случае с позиционированием, новый контекст наложения создается при условии, что был явно задан так-же z-index. Верно?

Помогите решить задачку: почему между div#main и div#sidebar расстояние по горизонтали 10px, если div#sidebar равен 330px и внешний отступ для div#main также 330px.

В учебнике данный момент не объясняется, а я чет вообще завис.

Upd: я считаю, что блоки должны быть слитны, то есть промежутка быть не должно. Почему я ошибаюсь?

Starbuzz.zip

Full-R

17 часов назад, Full-R сказал:

Сейчас на шаблонах для SPA много не заработать и люди уже делают генераторы сайтов, которые дешевле и быстрее ручного разработчика.

Вот ну не поверю, что UX/UI дизайнеры больше не требуются в большинстве серьезных проектов.

Full-R

Пока смотрю в сторону front-end направления, все-таки разработка визуальной составляющей мне несколько ближе. Но понимаю, что на данный момент слишком мало знаю о веб-разработке в целом, чтобы определится окончательно.

35 минут назад, Full-R сказал:

Значит на production сервере не подключает ресурсы к CDN, а делайте себе по относительной ссылке. Разбираться с этим придется в любом случае(там много нюансов).

Да, пожалуй, укажу относительной ссылкой и двину по книге дальше. Спасибо.

Full-R

Мне сразу стоило уточнить, что это упражнение с учебника по HTML/CSS. Задача конкретно в том, чтобы подключить шрифты посредством двух предоставленных ссылок в книге. Серверную часть пока не изучаю.

И повторюсь, если загрузить шрифты по предоставленным ссылкам, разместив их в директории сайта и указать относительным путем - все работает.

31 минуту назад, Full-R сказал:

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

В таком случае, как мне лучше продемонстрировать код?

Привет, друзья. Я тут это... с новой просьбой о помощи 😊.

Не подключается шрифт к заголовку с удаленного сервера. Подскажите, в чем может быть проблема?

Ошибок в коде не вижу, и валидацию проходит с возгласами "Congratulations". Если загрузить шрифт в директорию сайта и указать на него относительным путем - браузер реагирует корректно. В чем же проблема тогда?

Собственно, код: https://jsfiddle.net/m657ywdt/

Igor Schnaider

Что-же, пригодится ли в будущем на практике атрибут type пока неизвестно, но в любом случае ситуация немного прояснилась. Может быть в будущем данная информация поможет решить какую-нибудь задачу, кто знает. Благодарю, что поделились здесь результатами расследования 😊.

Igor Schnaider

Значит атрибут стоит применять, когда пункты нумерованного списка имеют особое значение, к примеру, для обработки поисковиками. Я правильно понимаю?

Full-R

20 часов назад, Full-R сказал:

Почему же type для ol актуален, а type для ul не документирован в HTML5? Напишите разработчикам request с требованием пояснить вопрос года. Ведь это так неправильно, что OL может быть с атрибутом type, а UL нет.

Суть вопроса не в претензии к разработчикам, а в том, чтобы понять, почему его оставили валидным. Значит в некоторых случаях, вероятно, стоит отдать предпочтение атрибуту, нежели таблице стилей. Но в каких?

Full-R

12 часов назад, Full-R сказал:

В общем на сам атрибут валидатор не ругается, но совершенно ясно что его тут быть не должно.

Естественно его там быть не должно, вы ведь перепутали значения маркированного и нумерованного списка. Тот атрибут, о котором речь в теме - считается актуальным, что мне и показалось весьма странным. Перечитайте тему внимательней.

Full-R

Но ведь речь в данной теме шла об атрибуте type элемента <ol>. Если я правильно понимаю, вопреки названию они никак между собой не связаны.

Full-R

Вообще не понял, что Вы хотите этим сказать. Каких полей валидации?

Igor Schnaider

Вероятно Вы правы.

npoforp

Цитата

Надо вас спросить, зачем вы осуждаете)

Нет-нет, Вы меня не правильно поняли, к старичкам атрибутам я отношусь с полной толерантностью. Это в справочниках пишут: "осуждается в HTML5, взамен используйте свойства CSS". 😊

Цитата

Можете, думаю, ещё спецификации почитать. Там обычно пишут, зачем, для чего и как.

Дельный совет, спасибо.

Цитата

А в целом, не забывайте про обратную совместимость. Не все сайты современные. Сайты с доктайпом html4 тоже существуют и должны работать.

Но это касается поддержки старых проектов, новые же стоит писать по стандартам HTML5. Или я ошибаюсь?

Цитата

Ещё существует вёрстка почтовых шаблонов, где как раз "старый" html. И особо не развернёшься.

Во блин... в почту, пожалуй, лезть пока не стану, а то совсем запутаюсь.

npoforp

С одной стороны, я понимаю, что несколько способов решить одну задачу - это хорошо, но с другой - если смотреть с такой точки зрения, зачем тогда осуждать type для тега <ul>?

Просто хочу понять цель данного решения со стороны разработчиков кода (может в W3C написать? 😆), ведь сперва решил, что ошибка во всех справочниках, которые я загуглил, а оказалось - нет, не ошибка.

Имеет ли смысл к тегу <ol> применять атрибут type, когда есть свойство list-style-type?

Для <ul> аналогичный атрибут уже не актуален в силу таблицы стилей, почему тогда type для тега <ol> до сих пор не считается устаревшим?

npoforp, MultiGramen

Благодарю за варианты, буду смотреть.

Совсем недавно начал осваивать фронтенд, походу обучения делаю свой простенький справочник по html/css, дабы закреплять полученную информацию на практике. Хотелось бы открыть доступ к сайту в сети.

Посоветуйте бесплатный хостинг.