HTML Coding

29,542 questions in this forum

1. position

   разве обязательно для родительского дива писать позишин абсолют, чтобы дочерних можно было позиционировать через релатив ?

   Asked by rpmcmerphy, September 16, 2015

   0 votes
   2 answers
2. как добавить иконку в инпут?

   Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как добавить иконку в инпут? https://yadi.sk/i/ItL59eIZj9bwR

   Asked by stan07, September 17, 2015

   0 votes
   2 answers
3. Вопрос касается html, css. Возможно ли сделать список, как на сайте (ссыль на фото) без использования JS?

   Всем привет. Вопрос касается html, css. Занимаюсь версткой сайта. Хотел бы сделать список (чисто на divах без конструкции ul li), который похож на тот, что был сделан на сайте (название сайта на картинке ) . Но я не могу с ходу понять... возможно ли сделать это без использования JS? Чисто через html и css3. Если можно, то как? Парочку попыток я предпринял. Сразу столкнулся с кучей проблем. Начиная с картинки, которая хоть и увеличивалась в блоке с помощью события hover, но была слегка забагована. Местами она просто навсего теряла эффект плавности и приобретала дерганное увеличение/уменьшение, что можно наблюдать в демонстрации к этой статье: http://tradebenefit.ru/art?i…

   Asked by Eugenice, September 17, 2015

   0 votes
   2 answers
4. Переменные в Less

   Не пойму, почему нет переназначения переменных в этом фрагменте Less. @color: red;p { color: @color; }@color: blue;div { color: @color; }На выходе получается: p { color: #0000ff;}div { color: #0000ff;}Значения одинаковы. Почему?

   Asked by Vlad, September 17, 2015

   0 votes
   2 answers
5. Проблема с вертикальными отступами span

   Всем привет. Не могу понять откуда берутся отступы. <div class="mc543_minimenu"> <div class="mc543_button"> <div> <span class="mc543_l1"></span> <span class="mc543_l2"></span> </div> </div> <div class="mc543_menuhandler"></div></div>CSS из правой менюшки консоли хрома - element.style {}wp.test/media="all".mc543_minimenu span { margin: 0; padding: 0; display: inline-block; width: 100%; height: 5px; background: #4F4F4F;}wp.test/media="all"html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acro…

   Asked by infidel, September 19, 2015

   0 votes
   2 answers
6. Как выровнять текст в вертикальной ячейке

   Текст в вертикальных ячейках переносится по словам, а не использует всю высоту ячейки. Помогите разобраться, как сделать, чтобы каждое отдельное словом не переносилось на новую строку. http://jsfiddle.net/f3gem5kj/2/

   Asked by baadmaad, September 21, 2015

   0 votes
   2 answers
7. Как всегда центрирование

   В общем только учусь, правильно верстать. Столкнулся с такой проблемой что не могу отцентрировать текст по вертикали в блоке, у блока заданна своя высота. Перепробовал много способов но сказывается отсутствие большого опыта. Сам пример лежит тут http://or.tmweb.ru/ Не использую не чего только css. Пробовал делать таблицей чего добился текст слетает влево. Скорее всего какой то див перенакладывается. Наткнулся в форуме вот на это но четсно говоря так и не понял. http://frontender.info/centering-css-complete-guide/ ПОдскажите как правильно сделать?

   Asked by XiRuRg, October 12, 2015

   0 votes
   2 answers
8. Не подключается нужный шрифт

   Здравствуйте. Начал верстать и впервые столкнулся с такой проблемой, что не отображаются подключенные шрифты, вернее один из них. Хотя все пути правильные, имя шрифта и подключение тоже, плюс шрифт установлен в системе. Буду благодарен, если кто-то подскажет в чем проблема. Вот куски кода: Подключение шрифта @font-face {font-family: Helvetica-2-UltraLight;src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.eot);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.svg);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.ttf);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.woff);}Применение к ссылке #header ul li a{font-size: 34p…

   Asked by Sergo Skiller, September 24, 2015

   • Шрифт
   • Гельветика
   • Helvetica-2-UltraLight
   0 votes
   2 answers
9. bootstrap carousel

   Всем привет, есть слайдер от бутстрапа называется carousel. Инициализируется он так $('document').ready(function(){$('.carousel').carousel({interval: 6000,pause: 'none'});}) Только при загрузке страницы появляется интервал в 6 секунд , это понятно потому что он стоит в параметрах. Как сделать чтобы при загрузке страницы сразу же появлялся 1 слайд и потом между слайдами интервалы в 6 секунд. Спасибо.

   Asked by htmligor, September 23, 2015

   0 votes
   2 answers
10. Не работает bootstrap и fancybox

    Подскажите, почему не работает bootstrap и fancybox? Я вижу, стили fancybox.css не отображаются...их перебивают стили от bootstrap... Хотя, сам скрипт работает: открывается модальное окно, но без стилей...

    Asked by Alfa2015, September 23, 2015

    0 votes
    2 answers
11. Возможно ли назначть изображение полям (за пределы wrapper'a)?

    Привет всем! Как видите, у данного макета есть затемнённые поля (у нав-панели, у середны, и у футера) В моём коде средняя часть (и нав-панель, и основная часть, и футер) состоят в div'е шириной 940px и с margin'ом auto, то есть отцентрована) Вопрос: какими средствами можно затемнить эти поля? Как выявить именно их, чтобы присвоить рисунки? Или это невозможно и сделать всю структуру через table?

    Asked by centurionkz, September 23, 2015

    0 votes
    2 answers
12. border-image

    Здравствуйте. Подскажите пожалуйста новичку, как вставить border-image только с правой стороны?

    Asked by титько, September 23, 2015

    0 votes
    2 answers
13. Шрифт как на домофоне?

    Всем привет! Подскажите хотя бы название шрифта который используется например в домофонах? Хочу на сайт добавить. Нашел http://www.fontsquirrel.com/fonts/Digital-dream?q%5Bterm%5D=tech&q%5Bsearch_check%5D=Y

    Asked by FitTech, September 25, 2015

    • css
    • html
    0 votes
    2 answers
14. Как выровнять текст по вертикали, чтобы всегда был по центру поля?

    <div class="sitebar_body"><ul><li><a href="#"><ul><li class="sb_img_1" id="p_1"></li><li class="sb_txt_1"><p>Плита безопалубочного формирования</p></li></ul></a></li><li><a href="#"><ul><li class="sb_img" id="p_2"></li><li class="sb_txt"> <p>Колонны</p></li></ul></a></li><li><a href="#"><ul><li class="sb_img" id="p_3"></li><li class="sb_txt"><p>Ригели</p></li></ul></a></li><li><a href="#"><ul><li class="sb_img" id="p_4"><…

    Asked by Fizruk, September 25, 2015

    0 votes
    2 answers
15. Вид формы

    Подскажите как сделать форму ввода как на картинке https://cloud.mail.ru/public/DNZL/75kn8hYo1.

    Asked by Yeldos, September 25, 2015

    • форма
    0 votes
    2 answers
16. Кнопки навигации (перемещение в)

    Народ помогите пожалуйста. Мне надо список "nav" сдвинуть за границы блока "wrapper" и расположить его по середине в строку. Посоветуйте пожалуйста, как это лучше сделать! <div id="wrapper"> <div id="header"> <ul id="nav"> </ul> <span class="logo2"></span> <a class="logo" href="</a></div><!-- end header --> #wrapper {width:925px;margin-right:auto;margin-left:auto;border: 1px solid #fff}#header {position:relative;height:180px;}#homepage #header {position:relative;}#header #nav {position:absolute;top:10px;left:-40px;list-style:none;}#header #nav li {float:left;margin:0 …

    Asked by bobb, September 27, 2015

    0 votes
    2 answers
17. Отображение сайта на телевизоре

    Вопрос немного странный, но вёрстка разваливается при просмотре сайта на телевизоре 2013 года) Проблема в использовании flex в галерее (например, здесь). При клике на главную картинку открывается большое изображение, но, т. к. flex не работает, всё разъезжается. Браузер определяется как Chrome 22 (естественно, модифицированный). С каких версий flex вообще нормально работает? Или дело в чём-то ещё?

    Asked by ZI DAN, September 28, 2015

    • flex
    • css
    • телевизор
    • display
    0 votes
    2 answers
18. Помогите, пожалуйста, разобраться с картинкой

    Здравствуйте уважаемые форумчане! Помогите, пожалуйста, разобраться с картинкой, почему-то она не хочет растягиваться на всю ширину блока. Вот эта страница в сети : http://web-verstka.com.ua/portfolio/barb/

    Asked by stan07, September 28, 2015

    0 votes
    2 answers
19. Помогите решить, как сделать чтобы при нажатии на крестик исчезал блок.

    <div class="korzina_table"> <div class="kor_li_1"> <div class="korzina_img"> <img src="image/s_1.png"/> </div> </div> <div class="kor_li_2"> <p class="nomer_tovara">Плита 1П 18-15-30</p> <table> <tr> <td>Длина,мм:</td><td>1750</td> </tr> <tr> <td>Ширина,мм:</td><td>1500</td> </tr> <tr> <td>Высота:</td><td>160</td> </tr> <tr> <td>Масса,тон:</td><td>1.03</td> </tr> <tr> <td>Объём,куб.м.:</td><td>0.41</td> </tr> </table> </div>…

    Asked by Fizruke, October 1, 2015

    0 votes
    2 answers
20. Анимированный саундтрек

    Макет содержит красивый отзыв клиента в виде анимированного саундтрека. Дизайер нарисовал это так http://c2n.me/3of0KCh Прошу знатоков натолкнуть на возможный алгоритм решения. Из чего это сделать? "Выложить" красиво палочки в ряд, которые меняют фон с прогрессом звукоряда? Если да, то как согласовать визуализацию с продвижением звука? Т есть, по идее значение % звука должно управлять стилями соотв количества элеметов в блоке... На верном ли я пути?

    Asked by seemax, October 1, 2015

    0 votes
    2 answers
21. Выпадающий список

    Помогите, люди добрые!! Совсем запутался в решении проблемы... В общем, необходимо, чтобы при наведении на пункт меню фон менялся с черного на белый, а цвет ссылок наоборот, с белого на черный. С родительским пунктом меню всё работает, но с пунктами подменю начинается неразбериха - http://jsfiddle.net/3vfxua8q/ Заранее спасибо!

    Asked by Алексей2802, October 1, 2015

    • ul
    • li
    • список
    • меню
    0 votes
    2 answers
22. ширина сайта

    Здравствуйте! Для какого разрешения экрана нужно брать ширину сайта в первоначальном виде? ( читал, что большинство использует монитор 1024px). Как лучше верстать если у меня монитор 1600px? Нужно просто сжимать окно браузера до 1024 и по нему смотреть? Как делаете вы?

    Asked by Yeldos, October 2, 2015

    • ширина
    0 votes
    2 answers
23. Сделать select невидимым

    Подскажите пожалуйста, как сделать селект невидимым на MAC os. Сейчас он выглядит вот так. http://joxi.ru/vDr8GOOiXMOlA6 webkit-appearance не работает -webkit-appearance: none;-moz-appearance: none;appearance: none; Однако на другом сайте, с которого клонировали этот, селекта не видно. Почему, Как скрыть, может джей эс поможет. Плииииииииз На другом сайте выглядит во так: http://joxi.ru/NDrlw99FPywWAP- это работает, а там нет

    Asked by Alarr, October 3, 2015

    0 votes
    2 answers
24. Помогите чаинику. Чем заменить a href

    Всем привет, скачал лаиот, пытаюсь переделать и чемуто научится. вот застрял и как часами не могу наити ответ. Снизу были 3 кнопки, которые меняли главную картинку страницы. думал убрать эти 3 кнопки. две убрал, если первую уберу картинка исчезает, или чтобы я не заменял, всегда остаётся черныи квадрат от кнопки. пожалуиста не судите. первыи раз в жизне пытаюсь создать маленькую страничку. <!-- / content --> </div> </div> <div class="block"></div> </div> <div class="bg1"> <div class="main"><!…

    Asked by Antoschk0, October 3, 2015

    0 votes
    2 answers
25. Выравнивание float блоков по строкам

    Привет. Собственно ссылка http://jsfiddle.net/bc2b9jtd/Трудно объяснить что именно я хочу, но я постараюсь. Есть блоки с содержимым, содержимого может быть по-разному: немного или чуть больше, чем немного. Хочется сделать так, чтобы эти блоки шли ровными строками. Совершенно понятно как это решать таблицами: http://jsfiddle.net/bc2b9jtd/1/ А можно ли это как-то решать без них? Не обязательно использовать block, можно inline-block.

    Asked by Veseloff, October 5, 2015

    0 votes
    2 answers