Jump to content

migunov88

Newbie
  • Posts

    15
  • Joined

  • Last visited

Everything posted by migunov88

  1. <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; } Вот как-то так сделал...но не знаю, правильно ли...
  2. <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 тоже не очень понятно...
  3. Помогите сверстать меню, никак не могу понять как сделать так, чтобы блоки были одинаковой высоты (((
  4. о_О а зачем тогда этот бесполезный функционал нужен? К сожалению я пока не умею писать на java скрипте)
  5. 1) А как по другому? Поясните пожалуйста. 2) 27 700 было по макету, руб. там не было) 3) А как она должна работать? Она кликабельна и hover присутствует) 4) Вправо прижмаю каждый третий товар по причине того, если вдруг один из блоков станет больше, ничего не слетит из потока. Можно было и инлайн-блоком, не спорю) P.S. спасибо за критику!
  6. Люди добрые, где можно найти наставника, кто знает (не за бесплатно конечно)? Просто проверять сверстанные макеты и тыкать носом в ошибки!
  7. А можно конкретно указать на ошибки?) Кроме того, что я использовал один айдишник, больше ничего не нашел.
  8. можно сказать моя первая верстка! оцените код пожалуйста) http://mig-blog.ru/portfolio/index.html
  9. Все супер, огромное спасибо!)
  10. http://jsfiddle.net/btkrkh55/ Я его выровнял с помощью маргинов, но при добавлении еще ссылки все съезжает...
  11. блоки next и preview не фиксированы...сделаны на падингах...
  12. Добрый день! Помогите с выравниванием! Есть див(фиксированный 960px) в нём три блока, первый блок "preview" нужно расположить слева, блок "next" располагается справа, а третий "pager" по центру. Как выровнять эти блоки по горизонтали, если учесть то, что возможно в пейджере будут добавляться страницы, значит фиксированную ширину ему нельзя задать. https://yadi.sk/i/LMT08L57hSYgn
  13. Привет всем! Ребята, помогите пожалуйста, всю голову сломал с позиционированием блоков. У кого есть какие варианты? Верстка резиновая. Прикладываю картинку.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy