Утро доброе. Есть проблема. При верстке лендинг страницы мне не хватает опыта для названий классов и идентификаторов определенных блоков и т.д. Я понимаю что нужны какие то минимальные знания стандартов, или как там правильно. В общем где можно статью почитать, или видео какое глянуть?

Сколько я уже спрашивал на эту тему - все бестолку. Зато когда показываешь верстку, только и слышно "Ты что , дебил? Как этот можно этот блок было называть так то , гы лол с тебя..." Вывод один - каждый дрочит как БЭМ скажет, но это не точно.

Сколько я уже спрашивал на эту тему - все бестолку. Зато когда показываешь верстку, только и слышно "Ты что , дебил? Как этот можно этот блок было называть так то , гы лол с тебя..." Вывод один - каждый дрочит как БЭМ скажет, но это не точно.

Печально. буду гуглить даьше

Утро доброе. Есть проблема. При верстке лендинг страницы мне не хватает опыта для названий классов и идентификаторов определенных блоков и т.д. Я понимаю что нужны какие то минимальные знания стандартов, или как там правильно. В общем где можно статью почитать, или видео какое глянуть?

https://habrahabr.ru/post/256109/

https://habrahabr.ru/post/256109/

Не много не то. Но спасибо!

а ты че в before решил в content раздавать номера?

:after, border либо картинка

а ты че в before решил в content раздавать номера?

через counter

а ты че в before решил в content раздавать номера?

да

а почему самому before не дать нижний бордер?

через counter

только у меня что то не олучается пока что. Я делал пункты через параграфы. content: counter(р); counter-increment: р; не работает.

а почему самому before не дать нижний бордер?

не додумался сразу

ну теоретически, судя по скрину, это не одна p, а это блок с двумя p

и у этого блока есть before с номером

или шрифт у первой строки больше?

да

не, через псевдоэлементы только каунтеры катят

пихать руками это сакс

или шрифт у первой строки больше?

это скрин с макета 1 р в нем вся инфа но я только сейчас понял что это не правильно ибо не то в итоге получается. Вторая строка уходит в лево.

почему 1 p? у тебя же отступ меж строками, br будешь пихать? почему бы не сделать 2 p с отступами?

br сакс

почему 1 p? у тебя же отступ меж строками, br будешь пихать? почему бы не сделать 2 p с отступами?

да, пихнул бр, сейчас все переделывать буду. это влепил я ему бордер, но маленький он тоько под числом, мне надо что бы шире был(

ну дай before min-width и какие то default padding боковой

ок спасибо!

И последнее. Как с нумирацией разобраться?

Сори за тупой вопрос

может быть 2 Афтера?

div:after

нет

И последнее. Как с нумирацией разобраться?

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters

Спасибо) уже сделал)

отлично

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

height: auto

для имаги

ширина меняется, а высота остается первоначальной

скорей всего у тебя где то max-width: 100% у имаг

а у самой имаги в атрибутах прописались width и height

поэтому имага сжимается, но высота пропорционально не уменьшается

и вообще, чего прогера не устроили bg? какая разница, пихать урл имаги в инлайн стиль тега или пихать в img тег?

Фиг его знает, придирчивый такой

Height auto

Можно ли сделать пропорционально но с фиксированной высотой?

ну зафиксить высоту, а ширину сделать auto, и убрать max-width у имаги

Да спс, все хорошо теперь, только не пойму почему проблема была в max-width, как он влияет вообще?

@rejjin

Да спс, все хорошо теперь, только не пойму почему проблема была в max-width, как он влияет вообще?

ну у тебя изображени лежит в каком то блоке, ты даешь имаге max-width: 100% и имага никогда не будет шире блока.... это обычно во многих cms в стандартных темах глобально прописанно, чтоб например в посте блога если пользователь вставит изображение, оно не сломало верстку при условии что оно больше ширины контента

и вообще, чего прогера не устроили bg? какая разница, пихать урл имаги в инлайн стиль тега или пихать в img тег?

Разница в том, что у бг нету атрибута alt, и он не индексируется

Поэтому на какие нибудь карточки товара всегда лучше img использовать

ну в таком случае да

правда если еще редактор прописывает это все)

мало кто этим заморачивается

но по факту, у него просто слайдер) там можно и bg обойтись

У меня был bg но он заставил переделать

Да спс, все хорошо теперь, только не пойму почему проблема была в max-width, как он влияет вообще?

а тебе max width мешал потому, что ты задал фикс высоту и относительно этой высоты пропорционально встала ширина, т.к. указал width: auto, но эта ширина получилась больше ширины блока в котором лежит изображение и поэтому max-width его ужал, в итоге получилась непропорциональная имага

Ну да, понял суть

Все оказалось просто

как в хлебных крошках полосу сделать прозрачной, либо вообще ее убрать а то если делаешь ее прозрачной то и текст почему-то меняется на прозрачный wp

ERROR: S client not available

как в хлебных крошках полосу сделать прозрачной, либо вообще ее убрать а то если делаешь ее прозрачной то и текст почему-то меняется на прозрачный wp

wp - это wordpress? ты используешь плагин Breadcrumb NavXT?

да, вп без плагина в теме уже были а так унисон можно

как в ::after всунуть картинку правильно?

как в ::after всунуть картинку правильно?

задать ему картинку как бэкграунд

задать ему картинку как бэкграунд

я так и делаю, результата нету(

покажи все правила для афтера

Эх, пойду посмотрю табы от материалайза отдельно

как в ::after всунуть картинку правильно?

content:''; display: block; height: 50px; width: 50px;

Не добавил высоту. ща

мб надо добавить position, z-index или еще что нить

не обязательно, в целом

Не хватало высоты. Спасибо!

показывай разметку, показывай стили )

уффф ток не ругайте))

текст и афтер должны быть например inline-block

Товарищи

Есть какой нибудь клевый планировщик задач?)

текст и афтер должны быть например inline-block

https://jsfiddle.net/nqvftzj0/ пойду покурю)

а как должно быть то?

в общем предлагаю текст завернуть в спан, афтеру инлайн/инлайн-блок

в общем предлагаю текст завернуть в спан, афтеру инлайн/инлайн-блок

и ширину картинки еще надо)

line-height по высоте картинки например

но если слова в 2 и более строк будут, то это плохой вариант

можно попытаться vertical-align’ом извратиться, что непросто

можно флексами (лучший варик)

Margin в помощь

родительскому блоку дисплей флекс а дочерним вроде бы маргин ауто

марджин тоже не панацея при нескольких строках