migunov88

<nav class="navigation clearfix"> <a class="navigation-link" href="#">Главная</a> <a class="navigation-link" href="#">Блог</a> <a class="navigation-link" href="#">Доставка</a> <a class="navigation-link" href="#">Оплата</a> <a class="navigation-link" href="#">Контакты</a> <a class="navigation-link" href="#">Работа у нас</a> <div class="main-cart-wrap right"> <div class="main-cart"> <p>В <a href="#">корзине</a> 2 товара на 27 700 руб.</p> </div> </div> </nav> .navigation { background: #214b7e; background: -webkit-linear-gradient(#335989, #01316c); background: -moz-linear-gradient(#335989, #01316c); background: -ms-linear-gradient(#335989, #01316c); background: -o-linear-gradient(#335989, #01316c); } .navigation-link { display: block; float: left; padding: 15px; color: #fff; font: 11px Tahoma, Arial, sans-serif; text-transform: uppercase; } .navigation-link:hover { background: #1c3d66; background: -webkit-linear-gradient(#28476d, #032957); background: -moz-linear-gradient(#28476d, #032957); background: -ms-linear-gradient(#28476d, #032957); background: -o-linear-gradient(#28476d, #032957); } .main-cart-wrap { padding: 0 10px; min-height: 43px; background: #161616; background: -webkit-linear-gradient(#545454, #010101); background: -moz-linear-gradient(#545454, #010101); background: -ms-linear-gradient(#545454, #010101); background: -o-linear-gradient(#545454, #010101); } .main-cart { padding-left: 40px; min-height: 43px; background: url(../img/cart.png) no-repeat left center; } .main-cart p { margin: 0; font: 11px/43px Tahoma, Arial, sans-serif; color: #fff; } .main-cart a { font: 12px Tahoma, Arial, sans-serif; color: #4e7aa9; } .main-cart a:hover { text-decoration: underline; } Вот как-то так сделал...но не знаю, правильно ли...

а можно примерчик как это будет выглядеть?)

<nav class="navigation clearfix"> <a href="#">Главная</a> <a href="#">Блог</a> <a href="#">Доставка</a> <a href="#">Оплата</a> <a href="#">Контакты</a> <a href="#">Работа у нас</a> <div class="main-cart right"> <p>В корзине 2 товара на 27 700 руб.</p> </div></nav> .navigation {background: -webkit-linear-gradient(#335989, #01316c);background: -moz-linear-gradient(#335989, #01316c);background: -ms-linear-gradient(#335989, #01316c);background: -o-linear-gradient(#335989, #01316c);}.navigation a {display: block;float: left;padding: 15px;color: #fff;font: 11px Tahoma, Arial, sans-serif;text-transform: uppercase;}.navigation a:hover {background: -webkit-linear-gradient(#28476d, #032957);background: -moz-linear-gradient(#28476d, #032957);background: -ms-linear-gradient(#28476d, #032957);background: -o-linear-gradient(#28476d, #032957);}.main-cart {background: -webkit-linear-gradient(#545454, #010101);background: -moz-linear-gradient(#545454, #010101);background: -ms-linear-gradient(#545454, #010101);background: -o-linear-gradient(#545454, #010101);}.main-cart p {margin: 0;color: #fff;font: 12px Tahoma, Arial, sans-serif;} задать одинаковый padding или line-height Шрифты то разные...одинаковый padding никак, будет опять слезать правый блок...С line-height тоже не очень понятно...

Помогите сверстать меню, никак не могу понять как сделать так, чтобы блоки были одинаковой высоты (((

о_О а зачем тогда этот бесполезный функционал нужен? К сожалению я пока не умею писать на java скрипте)

1) А как по другому? Поясните пожалуйста. 2) 27 700 было по макету, руб. там не было) 3) А как она должна работать? Она кликабельна и hover присутствует) 4) Вправо прижмаю каждый третий товар по причине того, если вдруг один из блоков станет больше, ничего не слетит из потока. Можно было и инлайн-блоком, не спорю) P.S. спасибо за критику!

Люди добрые, где можно найти наставника, кто знает (не за бесплатно конечно)? Просто проверять сверстанные макеты и тыкать носом в ошибки!

спасибо огромное Учту ошибки

А можно конкретно указать на ошибки?) Кроме того, что я использовал один айдишник, больше ничего не нашел.

можно сказать моя первая верстка! оцените код пожалуйста) http://mig-blog.ru/portfolio/index.html

Все супер, огромное спасибо!)

http://jsfiddle.net/btkrkh55/ Я его выровнял с помощью маргинов, но при добавлении еще ссылки все съезжает...

блоки next и preview не фиксированы...сделаны на падингах...

Добрый день! Помогите с выравниванием! Есть див(фиксированный 960px) в нём три блока, первый блок "preview" нужно расположить слева, блок "next" располагается справа, а третий "pager" по центру. Как выровнять эти блоки по горизонтали, если учесть то, что возможно в пейджере будут добавляться страницы, значит фиксированную ширину ему нельзя задать. https://yadi.sk/i/LMT08L57hSYgn

Привет всем! Ребята, помогите пожалуйста, всю голову сломал с позиционированием блоков. У кого есть какие варианты? Верстка резиновая. Прикладываю картинку.