ИЛ
Привет, как сделать чтоб текст не вылазил за фото ?
Size: a a a
2021 February 22
ИЛ
Если задавать жесткий height - блок удлиняется, надо как-то это динамически сделать
KB
http://o50550yq.beget.tech/
http://o50550yq.beget.tech/checkout.html
Два шаблона, интересует мнение именно по части кода (на соответствие макету это уже мы сами). На первый взгляд количество кода выглядит избыточным.
Пример: пункты горизонтального меню и бокового меню визуально и технически одинаковы. Те же эффекты наведения, параметры текста.
При этом верстальщик создаёт стиль отдельно и для того и для другого.
строка 2671 - для бокового меню
.main_menu .menu .item a{
font-weight: bold;
font-size: 13px;
line-height: 26px;
letter-spacing: 0.08em;
color: #262626;
font-family: var(--font_family2);
transition: .2s linear;
text-decoration: none;
}
.main_menu .menu .item a:hover{
color: #dfa94a;
}
.main_menu .menu .item.active a{
color: #7A7A7A;
}
Строки 1100 -1114 - для пунктов горизонтального меню каталога
header .menu .item a{
font-weight: bold;
font-size: 13px;
line-height: 26px;
text-align: center;
letter-spacing: 0.08em;
color: #262626;
text-decoration: none;
transition: .2s linear;
font-family: var(--font_family2);
}
header .menu .item a:hover{
color: #DFA94A;
}
Может я что-то недопонимаю, но мне видится что дублирование их - излишним. Я вижу что у них разные параметры text-align, но наличие всего лишь одного отличающегося параметра не являетс достаточной причиной создавать новый класс? Или я неправ?
http://o50550yq.beget.tech/checkout.html
Два шаблона, интересует мнение именно по части кода (на соответствие макету это уже мы сами). На первый взгляд количество кода выглядит избыточным.
Пример: пункты горизонтального меню и бокового меню визуально и технически одинаковы. Те же эффекты наведения, параметры текста.
При этом верстальщик создаёт стиль отдельно и для того и для другого.
строка 2671 - для бокового меню
.main_menu .menu .item a{
font-weight: bold;
font-size: 13px;
line-height: 26px;
letter-spacing: 0.08em;
color: #262626;
font-family: var(--font_family2);
transition: .2s linear;
text-decoration: none;
}
.main_menu .menu .item a:hover{
color: #dfa94a;
}
.main_menu .menu .item.active a{
color: #7A7A7A;
}
Строки 1100 -1114 - для пунктов горизонтального меню каталога
header .menu .item a{
font-weight: bold;
font-size: 13px;
line-height: 26px;
text-align: center;
letter-spacing: 0.08em;
color: #262626;
text-decoration: none;
transition: .2s linear;
font-family: var(--font_family2);
}
header .menu .item a:hover{
color: #DFA94A;
}
Может я что-то недопонимаю, но мне видится что дублирование их - излишним. Я вижу что у них разные параметры text-align, но наличие всего лишь одного отличающегося параметра не являетс достаточной причиной создавать новый класс? Или я неправ?
можно сократить количество кода в куске css на 6 строк :)
KB
свойство font принимает несколько значений. В данном случае можно писать font: bold 13px var(--font_family2);
AP
что ты имеешь в виду под "вылазил за фото"? чтобы его снизу не было?
ИЛ
что ты имеешь в виду под "вылазил за фото"? чтобы его снизу не было?
Да
KB
что ты имеешь в виду под "вылазил за фото"? чтобы его снизу не было?
он сделал флоат, а хочет не флоат
AP
тогда не задавай картинке флоат
R
Есть ли смысл держать css код в разных файлах, к примеру: header.css ?
R
Или же подход к архитектуре отличается от задачи?
AP
Есть ли смысл держать css код в разных файлах, к примеру: header.css ?
да
R
и в многостраничниках, и в лендингах, везде?
KB
http://o50550yq.beget.tech/
http://o50550yq.beget.tech/checkout.html
Два шаблона, интересует мнение именно по части кода (на соответствие макету это уже мы сами). На первый взгляд количество кода выглядит избыточным.
Пример: пункты горизонтального меню и бокового меню визуально и технически одинаковы. Те же эффекты наведения, параметры текста.
При этом верстальщик создаёт стиль отдельно и для того и для другого.
строка 2671 - для бокового меню
.main_menu .menu .item a{
font-weight: bold;
font-size: 13px;
line-height: 26px;
letter-spacing: 0.08em;
color: #262626;
font-family: var(--font_family2);
transition: .2s linear;
text-decoration: none;
}
.main_menu .menu .item a:hover{
color: #dfa94a;
}
.main_menu .menu .item.active a{
color: #7A7A7A;
}
Строки 1100 -1114 - для пунктов горизонтального меню каталога
header .menu .item a{
font-weight: bold;
font-size: 13px;
line-height: 26px;
text-align: center;
letter-spacing: 0.08em;
color: #262626;
text-decoration: none;
transition: .2s linear;
font-family: var(--font_family2);
}
header .menu .item a:hover{
color: #DFA94A;
}
Может я что-то недопонимаю, но мне видится что дублирование их - излишним. Я вижу что у них разные параметры text-align, но наличие всего лишь одного отличающегося параметра не являетс достаточной причиной создавать новый класс? Или я неправ?
http://o50550yq.beget.tech/checkout.html
Два шаблона, интересует мнение именно по части кода (на соответствие макету это уже мы сами). На первый взгляд количество кода выглядит избыточным.
Пример: пункты горизонтального меню и бокового меню визуально и технически одинаковы. Те же эффекты наведения, параметры текста.
При этом верстальщик создаёт стиль отдельно и для того и для другого.
строка 2671 - для бокового меню
.main_menu .menu .item a{
font-weight: bold;
font-size: 13px;
line-height: 26px;
letter-spacing: 0.08em;
color: #262626;
font-family: var(--font_family2);
transition: .2s linear;
text-decoration: none;
}
.main_menu .menu .item a:hover{
color: #dfa94a;
}
.main_menu .menu .item.active a{
color: #7A7A7A;
}
Строки 1100 -1114 - для пунктов горизонтального меню каталога
header .menu .item a{
font-weight: bold;
font-size: 13px;
line-height: 26px;
text-align: center;
letter-spacing: 0.08em;
color: #262626;
text-decoration: none;
transition: .2s linear;
font-family: var(--font_family2);
}
header .menu .item a:hover{
color: #DFA94A;
}
Может я что-то недопонимаю, но мне видится что дублирование их - излишним. Я вижу что у них разные параметры text-align, но наличие всего лишь одного отличающегося параметра не являетс достаточной причиной создавать новый класс? Или я неправ?
нету основной семантической разметки. Все в кучу - footer одинокий внизу, остальное запихано в main. В некоторых секциях нет заголовков.
AP
и в многостраничниках, и в лендингах, везде?
да, везде
R
да, везде
А как же множество HTTP запросов, которые, как я слышал, увеличивают время загрузки сайтов
KB
http://o50550yq.beget.tech/
http://o50550yq.beget.tech/checkout.html
Два шаблона, интересует мнение именно по части кода (на соответствие макету это уже мы сами). На первый взгляд количество кода выглядит избыточным.
Пример: пункты горизонтального меню и бокового меню визуально и технически одинаковы. Те же эффекты наведения, параметры текста.
При этом верстальщик создаёт стиль отдельно и для того и для другого.
строка 2671 - для бокового меню
.main_menu .menu .item a{
font-weight: bold;
font-size: 13px;
line-height: 26px;
letter-spacing: 0.08em;
color: #262626;
font-family: var(--font_family2);
transition: .2s linear;
text-decoration: none;
}
.main_menu .menu .item a:hover{
color: #dfa94a;
}
.main_menu .menu .item.active a{
color: #7A7A7A;
}
Строки 1100 -1114 - для пунктов горизонтального меню каталога
header .menu .item a{
font-weight: bold;
font-size: 13px;
line-height: 26px;
text-align: center;
letter-spacing: 0.08em;
color: #262626;
text-decoration: none;
transition: .2s linear;
font-family: var(--font_family2);
}
header .menu .item a:hover{
color: #DFA94A;
}
Может я что-то недопонимаю, но мне видится что дублирование их - излишним. Я вижу что у них разные параметры text-align, но наличие всего лишь одного отличающегося параметра не являетс достаточной причиной создавать новый класс? Или я неправ?
http://o50550yq.beget.tech/checkout.html
Два шаблона, интересует мнение именно по части кода (на соответствие макету это уже мы сами). На первый взгляд количество кода выглядит избыточным.
Пример: пункты горизонтального меню и бокового меню визуально и технически одинаковы. Те же эффекты наведения, параметры текста.
При этом верстальщик создаёт стиль отдельно и для того и для другого.
строка 2671 - для бокового меню
.main_menu .menu .item a{
font-weight: bold;
font-size: 13px;
line-height: 26px;
letter-spacing: 0.08em;
color: #262626;
font-family: var(--font_family2);
transition: .2s linear;
text-decoration: none;
}
.main_menu .menu .item a:hover{
color: #dfa94a;
}
.main_menu .menu .item.active a{
color: #7A7A7A;
}
Строки 1100 -1114 - для пунктов горизонтального меню каталога
header .menu .item a{
font-weight: bold;
font-size: 13px;
line-height: 26px;
text-align: center;
letter-spacing: 0.08em;
color: #262626;
text-decoration: none;
transition: .2s linear;
font-family: var(--font_family2);
}
header .menu .item a:hover{
color: #DFA94A;
}
Может я что-то недопонимаю, но мне видится что дублирование их - излишним. Я вижу что у них разные параметры text-align, но наличие всего лишь одного отличающегося параметра не являетс достаточной причиной создавать новый класс? Или я неправ?
поехавшие радикнопки
AP
А как же множество HTTP запросов, которые, как я слышал, увеличивают время загрузки сайтов
можешь склеить в один файл при сборке
R
можешь склеить в один файл при сборке
хм..
R
я не пользуюсь галпом пока что
AP
или почитай про http2