Maria
...
Maria
Maria
вы об этом?)
Arkadiy
`
Arkadiy
h1 {
font-size: 2em;
margin: 0.67em 0;
}
Геннадий
`<div>
<p>Ну ещё тест</p>
</div>`
Геннадий
Типа того :)
Maria
вроде бы
надо каждую строчку
Maria
оборачивать)
Arkadiy
h1 {
font-size: 2em;
margin: 0.67em 0;
}
Геннадий
А так?
<div>
</div>
Arkadiy
вроде можно 3 поставить
Arkadiy
ну 3 `
Maria
ok
Геннадий
Ща три попробую
Геннадий
<table>
<tr>
<td>Забудте вёрстку таблицами!!!</td>
</tr>
</table>
Геннадий
Во! Спасибо, други!
Vladislav
Разве?
Vladislav
Это типа
Три строчки
Форматированного кода
Геннадий
Ага, круто. Даёшь культурку в чатики.
Vladislav
Отлично, делаю вид, будто я бот.
Vladislav
Если бы еще было форматирование, типа [css].class { display: block }[/css]
Anonymous
Anonymous
Ваши предложения господа... что и где поменять?)
Anonymous
цвет может... читал что с коричневым сочетается крассный и ещё какой то
Anonymous
или изменить задный фон
Anonymous
Anonymous
или как то вот так?
Геннадий
Ага, и syntax hightlight для кода :)
Marseille
Marseille
Marseille
<section class="sales">
<header>
<h1>Акция</h1>
</header>
<p><stong>Закажите</strong> <br> прямо сейчас</p>
<cite>* выезд замерщика и получите <span class="sales_present">подарок</span></cite>
</section>
не, <cite> тут не катит, это сноска со ссылкой на источник
Marseille
а тут просто примечание в тексте
Кенни
Кенни
Привет, ребят может кто нить в курсе как можно убрать такие отступы между блоками
Vladislav
Привет, ребят может кто нить в курсе как можно убрать такие отступы между блоками
Привет.
А как они там появились?
Кенни
вот такая структура
<div class="menu">
<div class="grid grid--container">
<div class="menu-input">
<div class="menu-input__what"><a href="#">Почему мы</a></div>
<div class="menu-input__examples"><a href="#">Примеры тренировок</a></div>
<div class="menu-input__advantages"><a href="#">Преимущества</a></div>
<div class="menu-input__price"><a href="#">Цены и комплектации</a></div>
<div class="menu-input__answer"><a href="#">Ответы на вопросы</a></div>
<div class="menu-input__reviews"><a href="#"> Отзывы</a></div>
</div>
</div>
</div>
Vladislav
На кой на каждый пункт отдельный класс, если они одинаковые?
Vladislav
Это раз
Vladislav
Сайт или css смотри, а не html
Кенни
.menu-input {
display: flex;
flex-direction: row;
margin-left: 20px;
width: 100%;
}
.menu-input a {
opacity: 0.9;
color: #fff;
font-size: 14px;
font-weight: 700;
word-spacing: 3px;
line-height: 30px;
text-decoration: none;
text-transform: uppercase;
}
.menu-input a:active,
.menu-input a:hover {
opacity: 2.5;
}
.menu-input__what {
border-left: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(255,255,255,0.2);
padding: 15px 0;
}
.menu-input__what a {
padding: 0 23px;
}
.menu-input__examples {
margin-left: -80px;
border-right: 1px solid rgba(255,255,255,0.2);
padding: 15px 0;
}
.menu-input__examples a {
padding: 0 23px;
}
.menu-input__advantages {
padding: 15px 0;
left: -30px;
border-right: 1px solid rgba(255,255,255,0.2);
}
.menu-input__price {
padding: 15px 0;
border-right: 1px solid rgba(255,255,255,0.2);
}
.menu-input__answer {
padding: 15px 0;
border-right: 1px solid rgba(255,255,255,0.2);
}
.menu-input__reviews {
padding: 15px 0;
border-right: 1px solid rgba(255,255,255,0.2);
}
.menu {
height: 60px;
background-color: #3a7bc1;
}
.menu .menu-input {
display: flex;
flex-direction: row;
justify-content: space-between;
list-style-type: none;
width: 100%;
}
HashTag
Подписка на #fff
Подписка на #3a7bc1
Кенни
прости
Vladislav
Да давай весь сайт целиком кодом сюда, с бэкапом базы данных, что париться то
Vladislav
justify-content: space-between;
Vladislav
А потом как отступы убрать
Кенни
https://codepen.io/serg23/pen/BROvRp
Vladislav
Ты либо издеваешься, либо не спал всю ночь))
Кенни
не спал
Кенни
просто давно за вёрстку не садился туплю малёха
Vladislav
Похоже и не одну... Зачем ты верхний и нижний паддинг задаешь для родителя, а боковые для ссылки? Где логика? Если нужна кликабельная только строчка - делай по кругу у родителя. Если весь блок - по кругу у ссылки
Геннадий
.menu-input {
display: flex;
flex-direction: row;
margin-left: 20px;
width: 100%;
}
.menu-input a {
opacity: 0.9;
color: #fff;
font-size: 14px;
font-weight: 700;
word-spacing: 3px;
line-height: 30px;
text-decoration: none;
text-transform: uppercase;
}
.menu-input a:active,
.menu-input a:hover {
opacity: 2.5;
}
.menu-input__what {
border-left: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(255,255,255,0.2);
padding: 15px 0;
}
.menu-input__what a {
padding: 0 23px;
}
.menu-input__examples {
margin-left: -80px;
border-right: 1px solid rgba(255,255,255,0.2);
padding: 15px 0;
}
.menu-input__examples a {
padding: 0 23px;
}
.menu-input__advantages {
padding: 15px 0;
left: -30px;
border-right: 1px solid rgba(255,255,255,0.2);
}
.menu-input__price {
padding: 15px 0;
border-right: 1px solid rgba(255,255,255,0.2);
}
.menu-input__answer {
padding: 15px 0;
border-right: 1px solid rgba(255,255,255,0.2);
}
.menu-input__reviews {
padding: 15px 0;
border-right: 1px solid rgba(255,255,255,0.2);
}
.menu {
height: 60px;
background-color: #3a7bc1;
}
.menu .menu-input {
display: flex;
flex-direction: row;
justify-content: space-between;
list-style-type: none;
width: 100%;
}
А чего бы благородным донам не выкладывать всё это на jsfiddle, например, и не кидать сюда просто ссылку? Там и подправить смогут, и варианты предложить...
Геннадий
Да без наездов, может просто не в теме, подсказываем.
Кенни
я делал но мне бляха сказалм сра..ми дивами
Кенни
ребята из нашего двора)))
Кенни
чуть чуть, сорян
Кенни
сказали что типа ul и li не надо, вот вот я про этоже
Vladislav
А я наверное пойду верстать свой законченный дизайн.
Vladislav
Хоть вспомню, как это)
Vladislav
да и правда а то складывается впечатление что ты только тутсидишь
Vladislav
Я немного не понимаю, почему везде все на .scss? Почему не .sass?
Maria
у сцсс и сасс отличается только синтаксис
Vladislav
Если точнее, то только скобочки и ;, насколько я знаю
Atayson
Я немного не понимаю, почему везде все на .scss? Почему не .sass?
якобы для обратной зависимости, мол поменял у цсс расширение на сцсс и все валидно
0xVoushi
якобы для обратной зависимости, мол поменял у цсс расширение на сцсс и все валидно
Ну да, очевидно же, Енот
Vladislav
Я туплю. не понял нифига...)
0xVoushi
Я туплю. не понял нифига...)
Написал на ваниле
Взял и поменял расширение документа с .css на .scss и все работает
После можешь спокойно переделывать всё на плюшки scss
Atayson
вообще, есть встроенная команда sass-convert, можно легко sass в scss перевести, если кому-то из вашей команды старый синтаксис не по душе
Vladislav
Написал на ваниле
Взял и поменял расширение документа с .css на .scss и все работает
После можешь спокойно переделывать всё на плюшки scss
Теперь понял.
Но я так привык к sass...
Без скобок и лишних символов
Eugene
Теперь понял.
Но я так привык к sass...
Без скобок и лишних символов
тогда еще и на cofeescript пиши
Atayson
Теперь понял.
Но я так привык к sass...
Без скобок и лишних символов
пиши и дальше на sass, я же говорю, сконвертить пару секунд
Сергей
Теперь понял.
Но я так привык к sass...
Без скобок и лишних символов
кому как. мне наоборот неочень без скобок. я с самого начала начинал с scss