Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2020 June 24

т

теперь я дед... in Верстка сайтов HTML/CSS/JS/PHP
Alex Elkin🇪🇸
не  font-size тебе нужен дружище, а подтянуть основы. Ты не понимаешь почему псевдо-селекторы не работают, а сам не знаешь базу цсс, как ту понять где ошибка? а еше надо научиться самому ее находить, ты например который раз скидываешь кодпен (вот без сарказма - уже спасибо что не фото блокнота), а там красным горит ошибка в штмл.... ну посмотри ты на нее один раз там же пишет прямо в чем дело, тебе же потом проще будет и не так стыдно пены свои показать...
и совет на будущее - если что то на сработало - проверяй на других свойствах. примерно так:
пишешь :first-letter{size: 150%} - не работает. тогда:
1. p {size: 150%}
2. :first-letter{color: red}
смекаешь?
+5
источник

JL

Jarhon Labed in Верстка сайтов HTML/CSS/JS/PHP
Игооорь
источник

F

Farid in Верстка сайтов HTML/CSS/JS/PHP
https://jsfiddle.net/kevianalim/hg9ro8Lt/2/
Как строго задать ширину второму блоку?  стоит width: 500px, но при смене разрешения окна блок всё равно меняет свою ширину
источник

RO

Roman O in Верстка сайтов HTML/CSS/JS/PHP
min-width: 500px?
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
Farid
https://jsfiddle.net/kevianalim/hg9ro8Lt/2/
Как строго задать ширину второму блоку?  стоит width: 500px, но при смене разрешения окна блок всё равно меняет свою ширину
flex-shrink: 0;
источник

Nn

No name in Верстка сайтов HTML/CSS/JS/PHP
всем доброго.
источник

Nn

No name in Верстка сайтов HTML/CSS/JS/PHP
есть вопрос по БЭМ-у
источник

Nn

No name in Верстка сайтов HTML/CSS/JS/PHP
как можно назвать эти блоки, вообще тут я правильно юзаю эту методологию?
источник

G

Georgy in Верстка сайтов HTML/CSS/JS/PHP
Привет, у меня на сайте будет картинка на ширину всего экрана. Подскажите, какие оптимальные расширения картинок использовать для экономии трафика клиентов?
источник

Nn

No name in Верстка сайтов HTML/CSS/JS/PHP
Georgy
Привет, у меня на сайте будет картинка на ширину всего экрана. Подскажите, какие оптимальные расширения картинок использовать для экономии трафика клиентов?
наверно jpeg тоже сойдёт, и если для экономии трафика то lazyload тоже надо включить
источник

VV

Vladislav Valabuev in Верстка сайтов HTML/CSS/JS/PHP
Georgy
Привет, у меня на сайте будет картинка на ширину всего экрана. Подскажите, какие оптимальные расширения картинок использовать для экономии трафика клиентов?
1920х1080 под FHD, сжимай по качеству так, чтобы и норм видно было, и не сильно много весило.
В зависимости от того, что за картинка, можно и формат соответствующий выбрать.

Под мобилки, естественно, желательно свои картинки с меньшим разрешением.
источник

G

Georgy in Верстка сайтов HTML/CSS/JS/PHP
Я перепутал расширение с разрешением) Мне нужна именно ширина картинок для разных экранов. Есть конретные лучшие практики?
источник

VV

Vladislav Valabuev in Верстка сайтов HTML/CSS/JS/PHP
Georgy
Я перепутал расширение с разрешением) Мне нужна именно ширина картинок для разных экранов. Есть конретные лучшие практики?
Я тебе и про то и про другое сказал
источник

G

Georgy in Верстка сайтов HTML/CSS/JS/PHP
Я пока сделал 1920x1080, 1280x720, 1024x576
источник

G

Georgy in Верстка сайтов HTML/CSS/JS/PHP
Или для ретины мало будет?
источник

VV

Vladislav Valabuev in Верстка сайтов HTML/CSS/JS/PHP
Georgy
Я перепутал расширение с разрешением) Мне нужна именно ширина картинок для разных экранов. Есть конретные лучшие практики?
Про лучшие практики скину это:
https://medium.com/@ABatickaya/responsive-imgs-998f103a7a32
источник

II

Ivan Iesaulov in Верстка сайтов HTML/CSS/JS/PHP
Есть h2 с текстом и есть div (inline-block), который содержит кнопку. Нужно, чтобы, если текст становится в несколько линий, то он обтекал див с кнопкой (сейчас под кнопкой много пространства остаётся). Не знаете, как это можно сделать? Я вроде гуглил, но там больше про обтекание картинок, под свой случай не могу найти
источник

II

Ivan Iesaulov in Верстка сайтов HTML/CSS/JS/PHP
Ivan Iesaulov
Есть h2 с текстом и есть div (inline-block), который содержит кнопку. Нужно, чтобы, если текст становится в несколько линий, то он обтекал див с кнопкой (сейчас под кнопкой много пространства остаётся). Не знаете, как это можно сделать? Я вроде гуглил, но там больше про обтекание картинок, под свой случай не могу найти
Ещё проблема в том, что и у текста, и у div'а стоит inline-block и width, заданный в процентах (типа 80% у текста и 20% у кнопки)
источник

VV

Vladislav Valabuev in Верстка сайтов HTML/CSS/JS/PHP
Ivan Iesaulov
Есть h2 с текстом и есть div (inline-block), который содержит кнопку. Нужно, чтобы, если текст становится в несколько линий, то он обтекал див с кнопкой (сейчас под кнопкой много пространства остаётся). Не знаете, как это можно сделать? Я вроде гуглил, но там больше про обтекание картинок, под свой случай не могу найти
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
Ivan Iesaulov
Есть h2 с текстом и есть div (inline-block), который содержит кнопку. Нужно, чтобы, если текст становится в несколько линий, то он обтекал див с кнопкой (сейчас под кнопкой много пространства остаётся). Не знаете, как это можно сделать? Я вроде гуглил, но там больше про обтекание картинок, под свой случай не могу найти
так это тоже что и картинка. флоат даешь и все. только там подводных камней 100500 тонн
источник