Jump to content

postoianniy

Newbie
  • Posts

    7
  • Joined

  • Last visited

postoianniy's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. спасибо за codepen, не знал о таком. нашёл то что нужно.
  2. Никак не могу найти как сделать тег radio кнопкой. Пример можно глянуть здесь - http://templates.tricyclelabs.com/adminica/form_contact.php (внизу выборка Priority либо regular либо urgent) подозреваю что сделано с помощью js. интересуют ссылочки на уроки или готовые решения как реализовать такое же. спасибо
  3. Спасибо! display:inline-block; решил проблему
  4. Здравствуйте! Что нужно добавить в css, что бы текст был рядом с картинкой которая вызывается из div'a, а не переносился на другую строку? Код CSS: #ct1 { background: url(images/write.png) repeat 0 0; width: 27px; height: 27px;} HTML: <div id="ct1"></div><font size="5" color="#6699FF"><b>Оставить отзыв</b></font> Скриншот: (нужно сделать чтоб было на одной строчке) Вариант просто использовать img src не годится, т.к. хочется чтоб картинка была "вшита" в дизайн и не выделялась. Спасибо!
  5. а можно на примере кода? верно!
  6. Добрый день! Столкнулся с проблемой в CSS, надеюсь на вашу помощь! Имеем код CSS: #cols { clear: both; margin: 0 0 40px; border-bottom: 1px dashed #ddd; background: url(../files/images/shade.png) no-repeat center bottom;}.col { float: left; width: 239px; margin: 0 25px 0 0; padding: 0 15px 15px 0; border-right: 1px solid #ddd;}.col.last { margin-right: 0; border: 0; padding-right: 0;} Имеем код HTML: <div id="cols"> <div class="col"> <h2 style='font-variant:small-caps;'><img src="./files/images/arrow.png"> быстро</h2> <p>текст текст текст текст текст текст текст текст текст текст текст текст </p> </div> <div class="col"> <h2 style='font-variant:small-caps;'><img src="./files/images/arrow.png"> официально</h2> <p>текст текст текст текст текст текст текст текст текст текст текст текст текст тексттекст текст текст текст текст текст текст текст </p> </div> <div class="col last"> <h2 style='font-variant:small-caps;'><img src="./files/images/arrow.png"> надёжно</h2> <p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p> </div> <div class="clear"></div></div> Имеем наглядную проблему: Если текст одинаков по длинне, то border-right не доходит до самого конца и всё нормально, а стоит поменять текст в каком-нибудь месте на более длинный, то border-right доходит до конца как на скриншоте. Как сделать так, что бы вне зависимости от длинны текста border-right был как на скриншоте после первой колонки, то есть не до конца? Спасибо!
×
×
  • 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