Jump to content

migunov88

Newbie
  • Posts

    15
  • Joined

  • Last visited

Posts 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;
    }

     

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

     

    menu.jpg

     

    задать одинаковый padding или line-height 

     

    Шрифты то разные...одинаковый padding никак, будет опять слезать правый блок...С line-height  тоже не очень понятно...

  3. 1) То, что вы в курсе про uppercase, уже хорошо, но в вёрстке всё-таки не надо отходить от правила 1 класса начальной школы, что предложения надо писать с заглавной буквы;

    2) "В корзине 2 товара на 27 700" на 27 700 чего?

    3) Кнопка "Добавить в корзину" не работает

    4) Зачем каждый третий товар прибивать вправо?

    1) А как по другому? Поясните пожалуйста.

    2) 27 700 было по макету, руб. там не было)

    3) А как она должна работать? Она кликабельна и hover присутствует)

    4) Вправо прижмаю каждый третий товар по причине того, если вдруг один из блоков станет больше, ничего не слетит из потока. Можно было и инлайн-блоком, не спорю)

     

    P.S. спасибо за критику!

  4. FF 39

     

    attachicon.gifScreenshot_4.pngattachicon.gifScreenshot_5.png

     

    javascript лучше убрать в отдельный файл

     

    attachicon.gifScreenshot_6.png

     

    А вообще есть атрибут placeholder может стоить его использовать, а если браузер не поддерживает то навешивать свои велосипеды?

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

  5. Знаешь, со временем приходишь к выводу, что всем пох на верстку, главное, чтобы результат устраивал заказчика, ну и тебя возможно тоже.

    Просто не стоит совершать совсем уж вопиющих ошибок, о которых можно почитать здесь http://htmlforum.ru/index.php?showtopic=47375

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

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

    https://yadi.sk/i/LMT08L57hSYgn

×
×
  • 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