Jump to content

samogray

Newbie
  • Posts

    9
  • Joined

  • Last visited

Everything posted by samogray

  1. просто при уменьшении размера контейнера datepicker выходит за рамки контейнера
  2. Здраствуйте! есть такой елемент в jqueryUI как Datepicker, он, сверстан елементом table у меня он помещен в див который имеет резиновую ширину 30%, как зделать table тоже резиновым я ставлю 100% не работает...(( <table> внутри <div>
  3. gпопробуй так http://embed.plnkr.co/xvATY70nJnxv95C5jPZP/preview как вариант
  4. ДИЗАЙН Напоминает уроки HTML ACADEMY
  5. @media only screen and (max-width : 650px) { .site-logo span{display: none;} }
  6. Поставь обертку 800px, float елементы будут внутри и поставь ширину в % отношении , например: 4 елемента по 25% или три по 33,33%, и так далее, учитывай падинги и бордеры чтобы не выпадали. лучше установи box-sizing: border-box; сорри не посмотрел, у тебя есть обертка, просто .left .right ширину поставь в % отношеннии
  7. Спасибо!!! вот такая проблема была... 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, да и извиняюсь за неправильное оформление вопроса....
  8. Здраствуйте у не могу сверстать один блок, нужно сделать бирку о скидках, у меня бок виден за рамками родителя, как быть? вот код: 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 { position: relative; width: 25%; margin-right: 0px; box-sizing: border-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