Closed emptyb closed 8 years ago
Gremov
commented
8 years ago голубую полосу задал .menu:after, хотя не пойму на что это влияет в случае когда он был применен к офферу не совсем понятна реализация кнопки фейсбук, буду признателен за помощь также вроде фокус прописываю правильно, но не работает фон
emptyb
commented
8 years ago может потом офер поменять местами с авторизацией и тогда разделитель тоже переедет. поссмотри в макет. сделай визуально так же весь хедер. кнопка с флажком при ховере пускай только меняет цвет надписи. а авторизация- исчезает подчеркивание. изначально пускай пункт так и будет выделенным. для form-wrapper пиши так: position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
создай wrapper и засунь во внутрь и хедер и контент. для wrapper задай фон. ширину и высоту 100% и поиграйся чтобы тянулось на весь экран. в дебагере можно изменять размер екрана. не будет получаться- пиши. большой отступ от флага до голубой разделительной полоски. высота кнопки facebook 35пх. у вас 30пх. это заметно. сделайте больше отступы сверху и снизу. в кнопке поменяй цвет на белый, а ховеру можешь дать серый. в дебагере наведи на разделительный элемент OU и поссмотри как он залазиет на кнопку фэисбука.
emptyb
commented
8 years ago https://monosnap.com/file/KoJevK9NshV7VJASyv1H6GtXSty8Zx не все исправлено с предидущего комента. проверь еще раз
фон должен тянуться во весь экран. хедер тоже. соответственно убираем фиксированную фирину у хедера, также убираем выравнивание по-центру. разделительную полосу (голубую) лучше задать для ul offers- должен при ховере менять цвет текста login сделай в цвете как на макете, а при ховере уходят только подчеркивания определенного слова. кнопка фейсбука отличается от кнопки на макете. поля заполнения формы должны быть синими при нажатии, а не при ховере. так же внутри надо дать отступ слева, чтобы текст не прилегал к границе блока текст в самом низу смещен вправо.(By clicking the button above....)