alanreid
-
Content Count
16 -
Joined
-
Last visited
-
Days Won
1
-
Скорее всего, проблему можно решить при помощи свойства float или direction (приминительно к inline-block элементу). Но нужно будет постараться.
-
На самом деле, здесь достаточно свойства vertical-align: top. https://jsfiddle.net/vct0uhqp/12/
-
Адаптивная верстка — ширина экрана больше чем ширина содержимого страницы
alanreid replied to VeraVostro's question in HTML Coding
Кстати говоря, код проекта (например, данного) можно загрузить на хост github.io (то есть, точно также, как и проект пользователя, доступного по адресу username.github.io). Для этого нужно в пункте “GitHub Pages” настроек проекта указать источник (source) кода (master branch, в текущем случае). Подробнее на сайте GitHub.io во вкладке “Project site”. -
Как расположить блоки таким образом (фон блоков выходит за пределы wrapper)?
alanreid replied to VeraVostro's question in HTML Coding
Ведь суть в том, чтобы поместить все в центрирующий контейнер, общий для всех секций. Он может быть резиновым с ограничением по max-width или фиксированной ширины. Я больше сомневался в том, что фон удастся вытолкнуть за контейнер, таким же образом, как и картинку. Да и проблема с размещением самого изображения тоже наводила на сомнения. Но все-таки, как оказалось, эти сложности можно обойти. Мой пример: Использую все те же псевдо-элементы, но высчитал их ширину (хотя все-равно приходится прятать переполнение (используя overflow: hidden), так как viewport units, в частност -
Применяется в зависимости от задач. Например, на сайте PayPal абсолютное позиционированние делает возможным эффект, возникающий при наведении на один из выпадающих пунктов шапки (появление фона из верхней части экрана). Абсолютное позиционированние здесь не требуется.
-
Как расположить блоки таким образом (фон блоков выходит за пределы wrapper)?
alanreid replied to VeraVostro's question in HTML Coding
Правило height: 100%; так не работает. Картинку, выравненную таким образом, будет сложно расположить, как требуется. Тем более, для данной ситуации лучше всего подходит фон (изображение выполняет декоративную функцию). При помощи функции calc() и при известной ширине контейнера можно рассчитать точное значение отступов контейнера, либо требуемую ширину картинки и ::before элемента. Но, не думаю, что использование псевдоэлементов является хорошим решением. -
Таблицы оцениваются семантически, только когда в разметке (в html) прописаны. А в стилях (в css) их использовать можно повсеместно.
-
Как расположить блоки таким образом (фон блоков выходит за пределы wrapper)?
alanreid replied to VeraVostro's question in HTML Coding
Понял. Если какие-либо вопросы появятся — пиши в facebook. Здесь, оказывается, количество личных сообщений ограничено. -
Как расположить блоки таким образом (фон блоков выходит за пределы wrapper)?
alanreid replied to VeraVostro's question in HTML Coding
Загрузил код на Github и на Codepen на выбор. С удовольствием посмотрел бы на полный шаблон. -
1. Двум потомкам блока main-slider задан правый и левый margin (по одному на каждый), вместо свойства padding по сторонам для родителя. 2. Слишком много container блоков. Для данной задачи достаточно одного для footer элемента и другого для остальных. 3. Слишком мало контрольных точек для media выражений. Не хватает внутренних отступов (padding) секциям - это заментно, когда ширина экрана равна ширине container элемента (960px, примерно, с учетом вертикальной полосы прокрутки). Так как ширина элементов в одном ряду задана в абсолютных единицах, а не в процентах, то виден зазор справа
-
Какую спецификацию html стоит читать на данный момент ?
alanreid replied to Димитрий's question in HTML Coding
Читать нужно самую последнюю опубликованную версию, на данный момент это HTML 5.1 2nd Edition (2017-10-03). У WHATWG спецификация находится в состоянии Living Standard, то есть версия документа одна и она находится в постоянной доработке. Спецификации от W3C и от WHATWG имеют различия в некоторых местах. Например, тэг hgroup является устаревшим по версии W3C. -
https://www.campaignmonitor.com/dev-resources/
-
-
alanreid changed their profile photo
-
Как вариант использовать свойство "background-image" в паре с "background-attachment: fixed" для нужных элементов. При данном значении свойства "background-attachment" "background-image" будет выравниваться относительно всего окна браузера, что позволит путем смещения элементов перекрыть border родителя.
