HTML Coding

29542 questions in this forum

1. Резиновая кнопка оригинальной формы

   Я недавно начал заниматься версткой и столкнулся с небольшой проблемой. Нужно сделать кнопку, растягивающуюся в зависимости от ширины текста. Кнопка имеет необычную форму. Растягивание кнопки с обычными закруглениями выполняется просто. Здесь нужно сохранить форму кнопки: левый и правый края, а растягивать только середину. Я нашел решение, но в нем кнопка становиться длинной с большими отступами текста. Нужно сделать кнопку как можно короче. Кто сталкивался с подобной проблемой, надеюсь на вашу помощь. Заранее благодарен. Кнопка: http://webfile.ru/5469334

   Asked by silverlight90, August 2, 2011

   0 votes
   3 answers
2. Как повесить ссылку на элемент списка li ?

   Здравствуйте подскажите пожалуйста такую штуку: Есть список (тут показан только первый элемент списка) <div class="we_offer clearfix">Основные конкурентные преимущества работы с нами <ul> <li class="analyze fist_child"> <div class="thumbnail clearfix"><span><em> </em></span> </div> <h3>Тут текст</h3> <div class="block_content">Тут текст</div><a class="Readmore" href="/informatsiya-o-materiale"> Подробнее </a> </li></ul></div>В css прописана картинка, вот можно ли как-нибудь эту картинку сделать ссылкой?? .we_offer ul li.analyze span {background: url(a…

   Asked by quake3, February 25, 2014

   • li
   • ссылка
   0 votes
   3 answers
3. Помогите с музыкой на страничке разобратся

   Всем привет. Разобрался с тегом для звучания музыки при загрузке странички. <bgsound src="meta/55.mid"> Но насколько я правильно понял музыка звучит в формате наподобии .mid А как сделать чтоб сразу после загрузки странички зазвучала песня в формате .mp3? Помогите пожалуста.!!!

   Asked by Drejven, March 22, 2008

   0 votes
   19 answers
4. Верстка на дивах

   Необходимо сделать следующую вещь: С дивной версткой мало знаком, прошу помочь кто знает. По идее, человек который хоть раз такое делал слету скажет что и как надо сделать.

   Asked by Walk, November 13, 2008

   0 votes
   12 answers
5. background-image с отступом справа

   Если я хочу положить background-image в верхний правый угол, то я пишу «right top no-repeat». Если, например, сверху, но с отступом слева 100 пикселей, то «100px 0 no-repeat». А вот мне надо, чтобы фоновая картинка отступала, например, на 100 пикселей от правого края блока. Это делается как-то? Понятно, что можно вложить ещё один блок, но я не хочу этого делать.

   Asked by Veseloff, July 20, 2011

   0 votes
   3 answers
6. Не растягивается сайт на всю ширину экрана на мобильных устройствах

   Добрый вечер. Никак не могу решить проблему. На мобильных устройствах (в частности iphone) на сайте присутствует непонятный зазор справа где-то 5-6 мм. Может кто сталкивался с подобным? Сайт http://www.blushbride.ru/ Кстати, на этом ресурсе зазор тоже виден: http://mobiletest.me/iphone_5_emulator/#u=http://www.blushbride.ru/

   Asked by i.october, September 14, 2014

   • iphone
   • мобильная вёрстка
   0 votes
   4 answers
7. Переход по ссылке через тип "radio"

   Через тег "input" как можно сделать, чтобы через активный объект (<input type="radio".......>) по нажатию на кнопку был переход на какой-либо сайт?

   Asked by ErUnDAK, February 10, 2017

   • html
   0 votes
   3 answers
8. Изменить цвет части текста в input

   Подскажите, пожалуйста, решение такой вот задачи. Необходимо, чтобы *(звездочка) в input и select была красная, а текст серым. Изображение по ссылке. http://saveimg.ru/show-image.php?id=050ad0f3f9e4d4394689515ac6357295 Вот код: <form> <select size="1"> <option>*State</option> <option>USA</option> <option>RU</option> </select> <input class="short text" type="text" value="*Zip Code" onfocus="if (this.value=='*Zip Code') this.value='';" onblur="if (this.value==''){this.value='*Zip Code'}" /> </form>

   Asked by behapy, July 13, 2011

   0 votes
   6 answers
9. Практика для верстальщиков

   В отдел веб-разработки компании PENTESTIT требуется верстальщик. Наша компания работает в области информационной безопасности и практически все наши проекты связаны напрямую с этой сферой деятельности. Одна из последних работ - real-time карта атак https://lab.pentestit.ru/map Если вы хотите решать интересные задачи в дружном коллективе единомышленников - вы ждем Вас. Даже если Вы начинающий верстальщик - не страшно, научим и поможем освоиться. В задачи верстальщика входит верстка страниц по присланному макету, в том числе под такие cms как 1c-bitrix, wordpress, joomla. Задачи в отделе веб-разработки делятся на два типа: внутренние проекты компании и сторонние заказ…

   Asked by efweb, May 2, 2015

   • практика начинающим
   0 votes
   0 answers
10. Переполнение

    Мне надо, чтобы когда элемент переполнялся появлялся скролл, конечно же в голову пришло overflow: scroll Но тогда, когда элемент ещё не переполнен уже появляется неактивный скролл, который портит всю картинку=) Как убрать этот неактивный скролл?

    Asked by Yahoo!, November 7, 2009

    0 votes
    20 answers
11. Границы не до конца ширины/высоты элемента

    Поделитесь советом люди добрые. Есть шаблон интернет магазина, там границы у элементов не до конца Как лучше сделать? У меня пока есть варианты - сделать с использованием дополнительных элементов(например: нижняя граница у одного элемента, а боковая у вложенного в него элемента, с большей шириной и меньшей высотой) , или бэкграундом. Но эти варианты мне как-то не нравятся. Может кто чего подскажет еще.

    Asked by v01d0s, November 5, 2012

    0 votes
    6 answers
12. Цвет элемента option selected

    Добрый день. Как задать красный цвет у слова "выбор" при закрытом списке? <select> <option disabled selected>выбор</option> <option>1</option> <option>2</option> </select>

    Asked by Ubhra, November 11, 2016

    0 votes
    4 answers
13. Word, Excel to HTML

    Очень часто на работе встречаются "наинтереснейщие" задачи по выкладки материала на сайт. К примеру имеется вордовский файл, набитый таблицами, его нужно перевести в HTML, при этом убрать весь вордовский мусор и т.д. Обычно пользовался такой схемой(так, как на программы типа "Word 2 HTML" положиться нельзя): 1) Копи 2) Паст в Outlook Express (меняю кодировку, формат) 3) Далее в Дримвивер и дальнейшие действия по чистке кода. Наверняка каждый сталкивался с подобными задачами, какой способ (наиболее рациональный) вы можете предложить? :/ Заранее благодарен.

    Asked by color, July 16, 2007

    0 votes
    6 answers
14. Отступ между роликом и всем остальным.

    У меня появляется отступ между флэш роликом и всем остальным, помогите: http://n6300.3eu.ru/index.php Как его убрать?

    Asked by vvsh, June 14, 2008

    0 votes
    21 answers
15. Как разместить баннер?

    Есть скриптовый баннер который я хочу разместить слева,но при добавлении его в код он у меня оказывается вверху всей страницы слева,т.е. вся страница опустилась вниз на длину баннера.Такое ощущение что он с чем-то конфликтует?Структура страницы сделана через теги <div>.Как мне его прописать,помогите пожалуйста разобраться?Спасибо.

    Asked by Mexxman, October 19, 2008

    0 votes
    4 answers
16. hover в firefox'e

    Товариши! Кто-нибудь может мне объяснить почему вот это код не работает в фаержопсе?! <html> <head> <style type="text/css"> .hvr a:hover { background: #786b59; } .hvr:hover { background: #786b59; } </style> </head> <body> <div class='hvr'><a>text 1</a></div> <div class='hvr'>text 2</div> </body> </html> ховер работает только для ссылки, во всех остальных браузерах и там и там. как такое возможно??!!

    Asked by bioz00, March 1, 2011

    0 votes
    8 answers
17. Выпадающее меню

    Всем доброго дня! Подскажите, будьте добры, как правильно реализовать д выпадающее меню такого образца (https://artmobile.ua/shop/category-1/category991 смотрим раздел "Каталог"). То бишь, нажимаем на пункт меню и открывается меню с подпунктами. Нажимаем еще раз - подпункты пропадают. У меня получилось сделать не при клике, а только при наведении. Соответственно, если курсор убрать - подпункты снова скроются. Вот кусок кода (https://jsfiddle.net/eoL5bLmg/). Прошу помочь, даже если это банально и просто. Я с этим застрял...

    Asked by Igor_Dp, May 23, 2017

    • nav
    • ul
    • li
    0 votes
    12 answers
18. Как сделать динамическое изменение ширины?

    Привет, искал что-то подобное, но не смог ничего найти. Суть такая, есть таблицы. Надо их выровнять по левому краю. Ограничить в 1000пх. И суть в том, что надо что бы при добовлении новых таблиц в диве, они не переходили в следующую строчку, а оставались в нынешней и просто появлялась полоса прокрутки. Вот сделал небольшой пример как это должно выглядеть. Тык. Надо что бы когда эти блоки умещаются в 1000рх, то просто выравнивались по левому краю ( float:left типа ),а когда выходят за рамки, то появлялась полоса прокрутки. Как overflow:auto; но главное что бы оставались в 1 строчку. С фотками и текстом я такого эффекта добивался так: <!DOCTYPE html PUBLIC "-//W3C//DTD …

    Asked by PND, November 12, 2009

    0 votes
    8 answers
19. Смена текста туда-обратно

    Помогите сделать, чтобы при клике на кнопку, текст в ней менялся. Кликнуть еще раз - сменится на первоначальный

    Asked by Haindell, June 12, 2014

    0 votes
    18 answers
20. float и position при адаптивной верстке

    Привет всем. Не пойму почему при флоте http://prntscr.com/9frma7 список выпадает из блока . Объясните плиз. потом делал его через позиционирование дал ему абсолют. Но при уменьшении расширения экрана список улетает в сторону . Как решить тут проблему? http://prntscr.com/9frnow

    Asked by nooobito, December 18, 2015

    • float position
    0 votes
    6 answers
21. Что такое build:css в html?

    Здравствуйте! Столкнулся с доработкой чужой верстки и увидел такой момент в html: <!-- CSS Theme --> <!-- build:css assets/css/main.css --> <link rel="stylesheet" type="text/css" href="assets/css/main.css" /> <!--<link rel="stylesheet/less" type="text/css" href="assets/css/main.less" /> <script src="assets/js/less.min.js"></script>--> <!-- endbuild --> Подскажите пожалуйста что это за конструкция и что она делает? Поиск по интернету мне ничего не дал, мои догадки, что она сразу формирует css файл из less. Но как это тогда работает и что для этого нужно, было бы полезно знать с…

    Asked by vlasenkov, July 11, 2016

    • весртка
    • html
    • css
    • build
    • build:css
    0 votes
    6 answers
22. переход на html5

    в общем картина такова что никто особо не переходит на html5, пока просто изучают и балуются или время уже наступило?

    Asked by Slyfox, June 5, 2011

    0 votes
    6 answers
23. Скрипт Smartresponder только на главной странице?!

    Добрый всем день. Сделал сайт, сделал с помощью Smartresponder.ru скрипт для всплывающего окна с рассылкой. Все разместил все работает все супер. НО!!! Проблема в следующем не могу сделать так, что бы это всплывающее окно отображалось только на главной странице. Гуглил, читал пытался но ничего не помогло. Подскажите кто что знает, как люди выходят с такой ситуации???? Спасибо за любую помощь. Вот сайт http://milanakutsenko.ru/ если вдруг нужно. Вот сам скрипт который размещен перед закрывающем тегом </body>: <!-- SmartResponder.ru PopOver code (begin) --> <script language="javascript" type="text/javascript" src="popover.js"></script><div id…

    Asked by gumuch, August 24, 2011

    0 votes
    9 answers
24. К кнопке не применяются стили

    Почему-то в коде к кнопке button не подключаются стили: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Обработка HTML формы с помощью PHP</title> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> #div1{ position:absolute; top:30%; left:30%; background:#c0c0c0; width:400px; padding:10px; -moz-border-radius:10px; /* Радис скругления */ -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} } button.knopka{ background:#0000ff; color:#ffffff; padding:10px; …

    Asked by nightgremlin, March 28, 2012

    0 votes
    4 answers
25. Сдвигается сожержимое блока

    Подскажите, почему при наведении на блок, когда появляется рамка, все сдвигается? Как сделать, чтобы содержимое блока оставалось неподвижным при наведении ? http://jsfiddle.net/qnr9Y/2/

    Asked by Imperil, June 20, 2012

    0 votes
    6 answers