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
-
Перекрытие меню
Во время верстки сайты вышла проблема: при открытии какого-либо меню, то нижние меню его перекрывают. как можно решить данную проблему? судя по всему проблема кроется в CSS и JS. заранее спасибо вот скриншоты: Также прикрепляю JS и CSS-файлы: JS CSS
0 votes2 answers -
Помогите разобраться
Всем привет! Верстаю один макет. Там выпадающий список. Необходимо сделать, чтобы эта выпадалка строилась в две колонки. Однако она тянется на всю ширину страницы. Пробую это сделать на display:inline-block, vertical-align:top +white-space:nowrap В итоге в фоне оказываются только два слова, остальные тянутся на всю страницу. Я подозреваю, что где-то не там указываю что-то. В общем я запутался немного. И еще какие-то черточки перед словами появляются. Откуда они? Вот ссылка на пациента.
0 votes7 answers -
Изменить цвет части блока
Здравствуйте! Такая задача. Есть блок, у него цвет, скажем, #000. Нужно, чтобы у части этого блока цвет был другой (как здесь: http://s002.radikal.ru/i198/1108/49/888c360eeab1.png) Как такое можно сделать?
0 votes4 answers -
чем отличается div class от div id ?
подскажите пожалуйста, чем отличается <div class=""> от <div id=""> ?? просто очень часто встречал это, просматривая исходный код сайтов...
0 votes2 answers -
Диагональный фон
Приветствую уважаемых посетителей форума! У меня есть вопрос. Возможно ли сделать такой сайт, чтобы фон его был таким диагональным прямоугольником во всю высоту экрана? При этом хочется, чтобы розовая область была резиновой, а белые треугольники по бокам разъезжались бы в разные стороны. Это нужно, например для того, чтобы колонка с контентом не становилась слишком узкой на больших разрешениях монитора. пример картинки
0 votes1 answer -
Ну очень нубский вопрос
Даже стыдно спрашивать, но никак не могу понять. Такой вот тривиальный пример. <div class="main"> <div class="block"></div> </div> body { margin: 0; padding: 0; } .main{ width: 400px; height: 400px; background-color: #272822; } .block{ background-color: #982722; width: 100px; height: 100px; margin: 40px; } почему в данном случае margin-left отображается корректно, а margin-top как бы вылазит и отодвигает родительский блок от области просмотра?
0 votes1 answer -
Ограничения для резиновых блоков
Всем привет, я как обычно со своими проблемами))) Нужна очень помощь, ибо сам никак не могу решить уже второй день) Пример: _http://codepen.io/anon/pen/GeKlf Проблема: В самом примере всё окей, но мне нужно, чтобы блоки с классом ".one" были по минимальной ширине 31px (закомментированная 27-ая строчка CSS), если поставить ограничения, то начинает всё ломаться при сужении, как можно это исправить? (Основной блок естественно должен оставаться гибким в пределах допустимого) Подозреваю, что я неправильно что-то делаю)) Спасибо))
0 votes4 answers -
Подскажите слайдер
http://joxi.ru/oQMVUxjKTJAYDgGTq8E слайдер, котороый очень плавно двигается вправо, а когда заканчивается то двигается влево. также при наведении мышки в левый или правый бок этот слайдер ускоряется и проматывается быстрее.Может кто знает подходящий слайдер?
0 votes4 answers -
Как верстать такие кнопки?
подскажите пожалуйста, как верстать такие кнопки? http://i024.radikal.ru/1403/24/ba2f7d72aab7.png их надо разрезать по отдельности и к каждому прописывать по отдельности или можно как то вместе сделать? или вот кнопки соц сетей, они тоже бывает рядом стоят по 10 разных штук, тоже надо каждую по отдельности?
0 votes3 answers -
Фреймы и вкладки над фоном
Добрый день! Делаю дизайн, есть рисунок который растянут на полный экран браузера. Заказчик хочет чтобы над этим рисунком расположил вкладки в виде фрейм либо таблиц. Коллеги посоветуйте пожалуйста как мне верстать над рисунком? Рисунок - как бы бекграунд а над над ним надо верстать как? даже не имею представления. Спасибо
0 votes5 answers -
меню на hover -2
подскажите как сделать чтоб при наведении у выпадающего меню был отступ и оно не исчезало.? Спасибо. http://selfmaker.biz/oleg/polulux.html Ставлю ul.menu-nav{ padding-top:10px } не работает!
0 votes5 answers -
как сделать это в адаптивной верстке.
Здравствуйте. Помогите ,как сделать 4 блока как на скрине адаптивными, чтобы кода экран был меньше десктопа ,то эти блоки становились друг под другом?( черные полоски это отступы между блоками.) Спасибо
0 votes6 answers -
шапка
народ подскажите почему шапка получилась такой большой и заголовок уехал далеко вниз http://savepic.su/5180613.jpg вот css: *{ margin: 0; padding: 0; text-decoration: none; } body{ color: #ffffff; font-family: 'Franklin Gothic Medium Regular',Arial,serif; background: #141b23 url(img/bg.jpg) no-repeat top right ; color: #b1bbcb; } .nav{ margin: 0px 710px 0px 54px; padding-top: 65px; padding-bottom: 586px; } .nav__list{ list-style: none; } .nav__list li{ display: inline; padding-left: 20px; } a{ color: #b1bbcb; } .content{ }
0 votes3 answers -
Поисковик Яндекс и Google
Есть сайт. В нем 2 поисковые системы. На данный момент Гугл открывает пользовательский поиск. Можно ли как-то сделать, чтобы он открывал саму страницу гугл с заданным значением поиска и дальше искал по самому гуглу. Это что касается гугла... Теперь по Яндексу: Яндекс открывает страницу поиска с рекламой моего сайта. Можно ли как-то сделать чтобы он открывал поиск в самом Яндексе с заданным значением.... Вот в принцыпе и все. Заранее спасибо...
0 votes5 answers -
Как сверстать такую схемку
Не подскажет ли кто - как сверстать такую вот схемку без использования картинок на чистом css ? Пусть даже фигурки будут прямоугольные без загибов....
0 votes7 answers -
Как сделать правильное от отображение формы обратной связи?
Добрый день! Недавно у меня возникли проблемы с формой обратной связи - сообщения не приходили. Сайт я делал в Adobe Muse. Изначально форма имела такой вид ( я укажу лишь участок кода, чтобы внимание не распылять, так-как я думаю проблема именно в этом участке ) : $to = 'london@asiris.esy.es'; $subject = 'Home'; $message = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/plain ;charset=UTF-8"/><title>' . htmlentities($subject,ENT_COMPAT,'UTF-8') . '</title>&l…
0 votes0 answers -
эффект hover
3d кнопка или эффект нажатия в чём ошибка ? и кстати иконка не работает тоже ( <button style="position:absolute; right: 100px; icon: tty; font-size: 17px; background: rgba(115, 255, 255, 0.3); style: 3d; color: #ffffff; width: 200px; height: 40px; border: 3px solid #00ffff; border-radius: 15px;" class="popmake-326">Вызвать замерщика!</button>
0 votes3 answers -
Помогите с чат-ботом
Помогите, делаю чат-бота по этому уроку и коду https://fokit.ru/kak-sozdat-chat-bota-besplatno/ Есть 6 веток вопросов. Я всё удобно подписал <!--Вопрос 1-->,<!--Вопрос 2-->.... У меня бот прогоняет все вопросы какие есть. Как сделать, чтобы после каждой ветки вопросов бот прекращал задавать вопросы? и еще, как сделать, чтобы бот выдавал вариант ответа, при нажатии на который, перекидывало на определенную страницу сайта? index-22.html
0 votes0 answers -
Как изменить цвета елементов формы?
Подскажите пожалуйста
0 votes2 answers -
Фоновый цвет gif-анимации
Нашел коллекцию (loadinfo.net) иконок, предназначенных для обозначения процесса загрузки. Видать, кто-то постарался, налепил анимаций на любой вкус. Но плохо то, что когда вставляешь их иконку в свой сайт, она выглядит, как черный квадрат, то есть фон иконки не прозрачный. И вот я озадачился: эти иконки предназнаы для размещения в черных html-блоках или существует простой способ сделать их фон прозрачным, а я об этом ни чего не знаю?
0 votes2 answers -
Маленький интерлиньяж
Приветствую. Есть абзац. Строки в нем имеют маленький межстрочный интервал. Пытаюсь добиться такого же отображения в браузере при помощи свойства line-height, но оно не срабатывает нигде, кроме шестого ослика. [ <span class="h3_text"><b>Расширительные баки и <br /> гидроаккумуляторы</b></span><br /> <span class="h4_text"> -Мембранные расширительные баки Reflex для <br /> закрытых систем отопления. Тип N <br /> - Гидроаккумуляторы Reflex для систем горячего и <br /> холодного водоснабжения. Тип DE <br /> - Настенное крепление для экспанзоматов </span> .…
0 votes2 answers -
Не работает код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <script type="text/javascript" language="javascript"> var priceOutput = new Array(); var priceInput = new Array(); function Calculate() { var tatiff = document.getElementById('tatiff'); var test = document.getElementById('test'); if (tatiff.value == 'input') price = priceInput; if (tatiff.value == 'output') price = priceOutput; …
0 votes4 answers -
css и чекбокс
есть блок в нем чек бокс <div style='width:200px; height:100px; border:1px solid black;' id='bk%1'> <input type='checkbox' class='bk1 />Delete пытаюсь сделать так что б при выборе чекбокса менялся фон div пытался так .bk1:checked + #bk1{ background: #fc0; } смотрел пример тут http://htmlbook.ru/css/checked подскажите как реальзовать мою задачу именно на Css
0 votes5 answers -
Меню
Приветствую, возникла проблема с версткой меню, прошу помощи у тру верстальщиков Такая вот менюшка http://s019.radikal.ru/i613/1204/72/dc4de4d15511.png Как правильно её сверстать?
0 votes5 answers -
разметку сбивает какой-то служебный символ
Здравствуйте, друзья! html разметка страницы нарушается каким-то служебным символом. фрагмент разметки вот: <div id="ja-content"> ? <table class="contentpaneopen"> <tr> <td class="contentheading" width="100%"> Интернет-магазин Jackson's store </td> </tr> </table> </div> Перед надписью "Интернет-магазин Jackson's store " появляется отступ сверху, который никакими корректировками css или html кода не убирается. Что интересно. Если, например FireFox скопировать этот код из окна просмотра кода (Ctrl+U) и вставить в notepad++, то код выглядит так: <div id="ja-content"> ?<table class="contentpaneopen"> …
0 votes2 answers