Jump to content

samogray

Newbie
  • Posts

    9
  • Joined

  • Last visited

Posts posted by samogray

  1. Здраствуйте! есть такой елемент в jqueryUI как Datepicker, он, сверстан елементом table у меня он помещен в див который имеет резиновую ширину 30%, как зделать table тоже резиновым я ставлю 100% не работает...(( <table> внутри <div>

  2. Здравствуйте, как я понял внутрь sup div нельзя положить, поэтому, как сделать степень для блока. Вот ссылка на пример http://jsfiddle.net/r0xj9oue/2/. Мне надо чтобы -7/4 выглядело как степень. Есть идеи как это можно сделать?

    gпопробуй так http://embed.plnkr.co/xvATY70nJnxv95C5jPZP/preview

    как вариант :)

  3. Поставь обертку 800px, float елементы будут внутри  и  поставь ширину в % отношении , например: 4 елемента по 25% или три по 33,33%, и так далее, учитывай падинги и бордеры чтобы не выпадали. лучше установи                         box-sizingborder-box;


    сорри не посмотрел, у тебя есть обертка, просто .left .right ширину поставь в % отношеннии

  4. Задать родителю свойство CSS, overflow: hidden; А модератор имел ввиду, что предоставить код нужно не картинкой, а в песочнице веб-программиста, к примеру в jsfiddle. 

    Спасибо!!!   вот такая проблема была...   https://www.dropbox.com/s/wieyat2fi18bxo0/2015-07-08%2012_55_34-%D0%97%D0%B0%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BE%D0%BA.png?dl=0, да и извиняюсь за неправильное оформление вопроса....

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

     

     

    вот код:

    HTML - 

    <div class="coll">
    <div class="salesban">sales</div>
    <img src="img/sell3.png" alt="img">
    <h3 class="sal">$30.00</h3>
    <div class="hov">
    <h3>new STELLA MCCARTNEY</h3>
    <ul class="star">
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    </ul>
    <h3><a href="#">add To Cart</a></h3>
    <ul class="add">
    <li><a href="#"><span class="red"> + </span>add To Compare</a></li>
    <li><a href="#"><span class="red"> + </span>add To Wishlist</a></li>
    </ul>
    </div>
    </div>

     

    CSS

    /*Стиль блока родителя*/

    .sale .coll {

    1. positionrelative;
    2. width25%;
    3. margin-right0px;
    4. box-sizingborder-box;
    }
    /*Стиль блока которого поместить во ливый угол*/
    .salesban {
    position: absolute;
    background: #fe5252;
    -moz-transform: rotate(-36deg);
    -ms-transform: rotate(-36deg);
    -webkit-transform: rotate(-36deg);
    -o-transform: rotate(-36deg);
    transform: rotate(-36deg);
    top: -20px;
    left: -50px;
    width: 134px;
    text-align: center;
    color: white;
    z-index: 0;
    padding: 30px 0px 10px;
    }

     

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