HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Резиновая кнопка оригинальной формы
Я недавно начал заниматься версткой и столкнулся с небольшой проблемой. Нужно сделать кнопку, растягивающуюся в зависимости от ширины текста. Кнопка имеет необычную форму. Растягивание кнопки с обычными закруглениями выполняется просто. Здесь нужно сохранить форму кнопки: левый и правый края, а растягивать только середину. Я нашел решение, но в нем кнопка становиться длинной с большими отступами текста. Нужно сделать кнопку как можно короче. Кто сталкивался с подобной проблемой, надеюсь на вашу помощь. Заранее благодарен. Кнопка: http://webfile.ru/5469334
0 votes3 answers -
Как повесить ссылку на элемент списка 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…
0 votes3 answers -
Помогите с музыкой на страничке разобратся
Всем привет. Разобрался с тегом для звучания музыки при загрузке странички. <bgsound src="meta/55.mid"> Но насколько я правильно понял музыка звучит в формате наподобии .mid А как сделать чтоб сразу после загрузки странички зазвучала песня в формате .mp3? Помогите пожалуста.!!!
0 votes19 answers -
Верстка на дивах
Необходимо сделать следующую вещь: С дивной версткой мало знаком, прошу помочь кто знает. По идее, человек который хоть раз такое делал слету скажет что и как надо сделать.
0 votes12 answers -
background-image с отступом справа
Если я хочу положить background-image в верхний правый угол, то я пишу «right top no-repeat». Если, например, сверху, но с отступом слева 100 пикселей, то «100px 0 no-repeat». А вот мне надо, чтобы фоновая картинка отступала, например, на 100 пикселей от правого края блока. Это делается как-то? Понятно, что можно вложить ещё один блок, но я не хочу этого делать.
0 votes3 answers -
Не растягивается сайт на всю ширину экрана на мобильных устройствах
Добрый вечер. Никак не могу решить проблему. На мобильных устройствах (в частности iphone) на сайте присутствует непонятный зазор справа где-то 5-6 мм. Может кто сталкивался с подобным? Сайт http://www.blushbride.ru/ Кстати, на этом ресурсе зазор тоже виден: http://mobiletest.me/iphone_5_emulator/#u=http://www.blushbride.ru/
0 votes4 answers -
Переход по ссылке через тип "radio"
Через тег "input" как можно сделать, чтобы через активный объект (<input type="radio".......>) по нажатию на кнопку был переход на какой-либо сайт?
0 votes3 answers -
Изменить цвет части текста в 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>
0 votes6 answers -
Практика для верстальщиков
В отдел веб-разработки компании PENTESTIT требуется верстальщик. Наша компания работает в области информационной безопасности и практически все наши проекты связаны напрямую с этой сферой деятельности. Одна из последних работ - real-time карта атак https://lab.pentestit.ru/map Если вы хотите решать интересные задачи в дружном коллективе единомышленников - вы ждем Вас. Даже если Вы начинающий верстальщик - не страшно, научим и поможем освоиться. В задачи верстальщика входит верстка страниц по присланному макету, в том числе под такие cms как 1c-bitrix, wordpress, joomla. Задачи в отделе веб-разработки делятся на два типа: внутренние проекты компании и сторонние заказ…
0 votes0 answers -
Переполнение
Мне надо, чтобы когда элемент переполнялся появлялся скролл, конечно же в голову пришло overflow: scroll Но тогда, когда элемент ещё не переполнен уже появляется неактивный скролл, который портит всю картинку=) Как убрать этот неактивный скролл?
0 votes20 answers -
Границы не до конца ширины/высоты элемента
Поделитесь советом люди добрые. Есть шаблон интернет магазина, там границы у элементов не до конца Как лучше сделать? У меня пока есть варианты - сделать с использованием дополнительных элементов(например: нижняя граница у одного элемента, а боковая у вложенного в него элемента, с большей шириной и меньшей высотой) , или бэкграундом. Но эти варианты мне как-то не нравятся. Может кто чего подскажет еще.
0 votes6 answers -
Цвет элемента option selected
Добрый день. Как задать красный цвет у слова "выбор" при закрытом списке? <select> <option disabled selected>выбор</option> <option>1</option> <option>2</option> </select>
0 votes4 answers -
Word, Excel to HTML
Очень часто на работе встречаются "наинтереснейщие" задачи по выкладки материала на сайт. К примеру имеется вордовский файл, набитый таблицами, его нужно перевести в HTML, при этом убрать весь вордовский мусор и т.д. Обычно пользовался такой схемой(так, как на программы типа "Word 2 HTML" положиться нельзя): 1) Копи 2) Паст в Outlook Express (меняю кодировку, формат) 3) Далее в Дримвивер и дальнейшие действия по чистке кода. Наверняка каждый сталкивался с подобными задачами, какой способ (наиболее рациональный) вы можете предложить? :/ Заранее благодарен.
0 votes6 answers -
Отступ между роликом и всем остальным.
У меня появляется отступ между флэш роликом и всем остальным, помогите: http://n6300.3eu.ru/index.php Как его убрать?
0 votes21 answers -
Как разместить баннер?
Есть скриптовый баннер который я хочу разместить слева,но при добавлении его в код он у меня оказывается вверху всей страницы слева,т.е. вся страница опустилась вниз на длину баннера.Такое ощущение что он с чем-то конфликтует?Структура страницы сделана через теги <div>.Как мне его прописать,помогите пожалуйста разобраться?Спасибо.
0 votes4 answers -
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> ховер работает только для ссылки, во всех остальных браузерах и там и там. как такое возможно??!!
0 votes8 answers -
Выпадающее меню
Всем доброго дня! Подскажите, будьте добры, как правильно реализовать д выпадающее меню такого образца (https://artmobile.ua/shop/category-1/category991 смотрим раздел "Каталог"). То бишь, нажимаем на пункт меню и открывается меню с подпунктами. Нажимаем еще раз - подпункты пропадают. У меня получилось сделать не при клике, а только при наведении. Соответственно, если курсор убрать - подпункты снова скроются. Вот кусок кода (https://jsfiddle.net/eoL5bLmg/). Прошу помочь, даже если это банально и просто. Я с этим застрял...
0 votes12 answers -
Как сделать динамическое изменение ширины?
Привет, искал что-то подобное, но не смог ничего найти. Суть такая, есть таблицы. Надо их выровнять по левому краю. Ограничить в 1000пх. И суть в том, что надо что бы при добовлении новых таблиц в диве, они не переходили в следующую строчку, а оставались в нынешней и просто появлялась полоса прокрутки. Вот сделал небольшой пример как это должно выглядеть. Тык. Надо что бы когда эти блоки умещаются в 1000рх, то просто выравнивались по левому краю ( float:left типа ),а когда выходят за рамки, то появлялась полоса прокрутки. Как overflow:auto; но главное что бы оставались в 1 строчку. С фотками и текстом я такого эффекта добивался так: <!DOCTYPE html PUBLIC "-//W3C//DTD …
0 votes8 answers -
Смена текста туда-обратно
Помогите сделать, чтобы при клике на кнопку, текст в ней менялся. Кликнуть еще раз - сменится на первоначальный
0 votes18 answers -
float и position при адаптивной верстке
Привет всем. Не пойму почему при флоте http://prntscr.com/9frma7 список выпадает из блока . Объясните плиз. потом делал его через позиционирование дал ему абсолют. Но при уменьшении расширения экрана список улетает в сторону . Как решить тут проблему? http://prntscr.com/9frnow
0 votes6 answers -
Что такое 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. Но как это тогда работает и что для этого нужно, было бы полезно знать с…
0 votes6 answers -
переход на html5
в общем картина такова что никто особо не переходит на html5, пока просто изучают и балуются или время уже наступило?
0 votes6 answers -
Скрипт Smartresponder только на главной странице?!
Добрый всем день. Сделал сайт, сделал с помощью Smartresponder.ru скрипт для всплывающего окна с рассылкой. Все разместил все работает все супер. НО!!! Проблема в следующем не могу сделать так, что бы это всплывающее окно отображалось только на главной странице. Гуглил, читал пытался но ничего не помогло. Подскажите кто что знает, как люди выходят с такой ситуации???? Спасибо за любую помощь. Вот сайт http://milanakutsenko.ru/ если вдруг нужно. Вот сам скрипт который размещен перед закрывающем тегом </body>: <!-- SmartResponder.ru PopOver code (begin) --> <script language="javascript" type="text/javascript" src="popover.js"></script><div id…
0 votes9 answers -
К кнопке не применяются стили
Почему-то в коде к кнопке 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; …
0 votes4 answers -
Сдвигается сожержимое блока
Подскажите, почему при наведении на блок, когда появляется рамка, все сдвигается? Как сделать, чтобы содержимое блока оставалось неподвижным при наведении ? http://jsfiddle.net/qnr9Y/2/
0 votes6 answers