HTML Coding

29,542 questions in this forum

1. Пошаговая форма, проблемы

   Я новичок в этом деле, никак не могу сделать, пошаговую форму (html + css). Не получается скрыть ненужные формы в данном шаге. Например: при первом шаге, должна отображаться только первая форма, а вторая и третья должны быть скрыты. Аналогично со вторым и третьим шагами... а и еще только html + css, скрипты и т.д. пока еще не знаю )) Вот пример: http://jsfiddle.net/3Lgfo785/ Прошу выложить решение! Заранее благодарю!)

   Asked by Igor.D, May 20, 2015

   0 votes
   5 answers
2. Выпадающая строка поиска на бутстрапе 3

   Добрый день. Скажите можно ли и как можно сделать на бутстрапе 3 поле поиска, которое видно на больших экранах, а на маленьких представляет собой иконку с лупой, кликая по которой снизу раскрывается строка на всю ширину для ввода искомого текста? Функционал иллюстрируется главной страницей М-Видео - сначала поиск раскрыт на широком экране, а на узком представляет собой иконку, клик по которой раскрывает поле поиска

   Asked by borus, May 16, 2015

   0 votes
   5 answers
3. Как выронить блоки?

   Нужно чтобы блоки стояли так: Сейчас блоки стоят так: Подскажите, пожалуйста, как выронить блоки, чтобы они стояли ровно? Код: #content {margin-left: 270px;padding: 10px;background: #f0f0f0;height: 900px;}.cat {height: 190px;width: 340px;float: left;padding: 1px;margin-top: 20px;margin-left: 20px;text-align: left;border: 1px solid #8fa09b;background: #ffffff;}—-<div id="content"><div class="cat"></div><div class="cat"></div><div class="cat"></div><div class="cat"></div></div>

   Asked by Anna-15, May 16, 2015

   • блоки
   0 votes
   5 answers
4. Как адаптировать страницу под мобильные устройства?

   Подскажите, пожалуйста, как адаптировать отдельную страницу или одностраничник под мобильные устройства? Я создала страничку подписки с резиновым дизайном, но при проверке в сервисе гугла https://www.google.com/webmasters/tools/mobile-friendly/ оказывается, что моя страничка не оптимизирована под мобильные устройства, там же указываются распространенные недостатки: - слишком мелкий шрифт; - не задана область просмотра для мобильных устройств; - ссылки слишком близко друг к другу; - контент шире экрана. Проверяла на мобильнике страничка целиком на нем видна без прокрутки. Но чтобы она показывалась в поиске, важно, чтобы она соответствовала стандартам гугла. Как это осуще…

   Asked by StOK, May 16, 2015

   • адаптировать страницу
   0 votes
   5 answers
5. Длинное тире

   Меняю название на сайте WordPress, ввожу тире, в исходном коде отображается длинное тире —. Как исправить? Не нравится как отображается в поиске длинное тире, да и если смотреть на другие сайты у всех стандартное тире.

   Asked by Jokerrs, May 17, 2015

   0 votes
   5 answers
6. верстка слайда

   Доброй ночи всем. Сижу уже который день и не могу ничего придумать. Надо сверстать шестиугольный слайд. Т.е. чтобы картинка загружалась прямоугольной формы а выводилась в виде шестиугольника еще и с рамкой. Помогите пожалуйста. СЛАЙД

   Asked by swear0, May 17, 2015

   0 votes
   5 answers
7. word-wrap: break-word не обрезает слова

   Здравствуйте. При уменьшении ширины окна word-wrap: break-word не обрезает слова, пример http://vkmp3.org/mp3/%D0%90%D1%80%D0%B8%D1%8F/ - при ширине окна, скажем, 600 px, внизу появляется горизонтальная линия прокрутки, т. к. некоторые строки слишком длинные и не обрезаются. Можно ли это как-то избежать?

   Asked by nitsik, May 18, 2015

   0 votes
   5 answers
8. Помогите с проблемой

   Добрый день! Подскажите как выстроить блоки в ряд и чтоб при уменьшении экрана по ширине, текст переходил на новую строку, а блоки оставались на месте. Вот пример - https://jsfiddle.net/damir180/pu9dtpwb/embedded/result/

   Asked by damir180, May 21, 2015

   • Позиционирование блоков
   • Перенос текста
   0 votes
   5 answers
9. font awesome

   Здравствуйте. Делаю вертикальное меню. Добавляю иконки с помощью font awesome. Проблема в том, что ширина иконок варьируется. Из-за этого текст пунктов меню скачет. Как можно задать расстояние между иконкой и текстом меню?

   Asked by psevdo, May 21, 2015

   • font awesome
   0 votes
   5 answers
10. Не работает bxslider

    Привет, почему не работает слайдер? http://allnet.16mb.com/slider/ Делал всё по инструкции http://bxslider.com/ https://yadi.sk/d/zhaFpwt1go7E9

    Asked by DivMan, May 22, 2015

    0 votes
    5 answers
11. font-stretch

    Везде написано, что Chrome не поддерживает font-stretch, но запустил пример и версия 43 вполне всё корректно показала. Где можно узнать, с какой версии браузер начал поддерживать это свойство?

    Asked by Vlad, May 26, 2015

    0 votes
    5 answers
12. Подскажите нужный синтаксис, плз

    Наставьте чайника на путь истинный, плз... В примере реализации меню, его содержимое берётся из div-ов расположенных внутри одного div class="notebook": .notebook > input:nth-of-type(1):checked ~ div:nth-of-type(1),.notebook > input:nth-of-type(2):checked ~ div:nth-of-type(2)...А как написать, чтобы содержимое бралось из div-ов расположенных вне div class="notebook", а например из div class="book"? Понимаю, что вопрос очень нубский, заранее прошу прощения у гуру...

    Asked by Buendia, May 25, 2015

    • CSS
    0 votes
    5 answers
13. Помогите сделать таблицу

    Как сделать вот такую таблицу. невыходит у меня чтоб все так же было. не получаются столбцы с вертикальным текстом

    Asked by empty46, May 30, 2015

    0 votes
    5 answers
14. Помогите, плиз! Проблема после двух дивов в строчку.

    Такая проблема: Два дива стоят рядом в строчку, оба высотой 410px, но почему-то следующий див не отсчитывает margin от этих двух, а только от того, что перед ними. <div id="div-toxic-left"> <ul id="list-2"> <li>Пункт 1</li> <li>Пункт 2</li> <li>Пункт 3</li> </ul> </div> <div id="div-toxic-right"><img src="img/toxic-in-fat.gif" width="447" height="302" alt="Токсины в жировых тканях"/></div> <div class=”clearer”></div> #div-toxic-left{margin: 0px 0px 0px 1px; height: 100%; min-height:410px; width: 600px; background:#ecf7ff; float:left;} #div-toxic-right{margin: 0px 1px 0px 0px; text-…

    Asked by Lonely-Sail, June 2, 2015

    • CSS
    • DIV
    0 votes
    5 answers
15. Разные анимации элемента по :hover

    Возможно ли сделать две разные анимации (именно animation) для элемента при наведении на него мышью (:hover) средствами CSS? Т.е. навели мышь на элемент сработала первая анимация, убираем мышь срабатывает вторая анимация. P.S. transition не позволяет добиться сложных перемещений блоков, поэтому не подходит

    Asked by Kelenar, June 4, 2015

    • :hover
    • @keyframes
    • animation
    0 votes
    5 answers
16. Добавить checkbox и radio кнопки в существующую форму

    Здравствуйте. Есть необходимость добавить варианты выбора чекбоксом и радио кнопкой в форме отправки. Сайт тут - http://olegberesnev.com/ Форма эта - http://xozblog.ru/2012/11/modal-windows/ Подскажите, где поискать грамотно дописанное?

    Asked by kattiperk, June 6, 2015

    0 votes
    5 answers
17. :before или img...или что-то другое ?!?!

    Господа, очень, очень сильно прошу вас помочь...задолбался нереально....сижу уже часов 6-7 и НИКАК НЕ МОГУ ДОГНАТЬ, КАК ЖЕ СДЕЛАТЬ ВЕРНО. Итак, имеется темплейт ресторана, в блоке меню ресторана есть определенный список позиций, который подгружает дополнительные позиции при помощи кнопки...но, там где название позиции и цена - между ними должна быть резиновая серая линия....КАК ЭТО СДЕЛАТЬ, ЧЕРТ ПОДЕРИ...пожалуйста, помогите. Ссылка на код: https://jsfiddle.net/bu45rn4c/1/ Ссылка на изображение: http://savepic.ru/7247519.jpg Посоветуйте, может нужно было вообще не через dl, а просто через div, h и p.

    Asked by ruslanpondin, June 8, 2015

    0 votes
    5 answers
18. text-overflow - в Firefox точки перекрывают наложенный блок

    Задача - один блок с ограничением по длине текста должен перекрывать другой блок, в котором тоже ограничение по длине текста Код: http://jsfiddle.net/agh0knk6/1/ Проблема - в Firefox v.38.0.5 точки нижнего блока "просвечивают" через наложенный блок z-index не помогает. Подскажите, пожалуйста, как решить проблему?

    Asked by TorchTT, June 11, 2015

    0 votes
    5 answers
19. Вопрос знатокам CSS

    <style> h1 { width: 700px; border: thick double black; margin-left: auto; margin-right: auto; text-align: center; font-size: x-large; padding: .5em; color: darkgreen; background-image: url("border.png"); background-size: contain; margin-top: 0; } .dtable {display: table;} .drow {display: table-row;} .dcell {display: table-cell; padding: 10px;} .dcell > * {vertical-align: middle} input {width: 2em; text-align: right; border: thin solid black; padding: 2px;} label {width: 5em; padding-left: .5em;display: inline-block;} #buttonDiv {text-align: center;} …

    Asked by frvdv, June 22, 2015

    • CSS
    0 votes
    5 answers
20. Поля формы разъезжаются при изменении размера экрана

    Здравствуйте. Делал лендинг на bootsrap , вроде все нормально, но одна форма разъезжается при изменении размера окна браузера. Как сделать ,чтобы поле для телефона и кнопка заказать была всегда друг под другом? Речь идет о форме ,где написано: "Оставьте заявку на увеличение продаж. Наш менеджер свяжется с Вами уже через 6 минут." Сайт : http://kobra_watch.apishops.ru/

    Asked by ishurgaya, June 22, 2015

    0 votes
    5 answers
21. Посоветуйте слайдер

    по типу такого, чтобы был на всю ширину сайта, можете посоветовать плагины?

    Asked by aquapasha, June 24, 2015

    0 votes
    5 answers
22. обрезать резиновую картинку

    помогите пожалуйста решить проблему есть резиновый блок, который содержит 3 картинок, расположенных горизонтально. jsfillde картинки отдаёт сервер и некоторые из них большего размера чем остальные проблема в том, что все картинки должны отображаться с одинаковыми размерами. помогите пожалуйста обрезать у большей картинки лишнюю часть. важно чтобы картинка именно обрезалась и её пропорции оставались без искажений

    Asked by cyklop77, June 24, 2015

    0 votes
    5 answers
23. Оптимальный стиль описания вложенности тегов

    Здравствуйте! Подскажите, пожалуйста, какой из двух вариантов написания вложенности является оптимальным и почему: 1. div.block > div > p 2. p.name Заранее благодарю за ответ!

    Asked by volshebnyi, June 24, 2015

    0 votes
    5 answers
24. Рамка у <input type="image">

    Подскажите, пожалуйста как убрать рамочку у кнопки. Работаю с cms DLE. Справа от меню в поиске у меня кнопка с изображением лупы <input title="Найти" alt=" " type="image" />. Пробовала убрать с помощью border, outline, box-shadow: none; не дает результата. Отладчик показывает, что стили действуют, а визуально рамка есть. Подскажите, где причина. Вот ссылка http://brinjal.ru/

    Asked by Jelezuha, June 29, 2015

    • input
    0 votes
    5 answers
25. responsive

    Доброго времени суток. Начал по тиху разбираться с адаптивной версткой и возник вопрос. Нашел в сети простой шаблон для тренировки и сижу делаю. Так вот, если блок, в нем текст. На 1024 паддинги к примеру : 100px 200px 50px 20px; на 320 уже будет 20px 50px 12px 5px. Шрифт тоже становится меньше, сидел долго думал как правильно сделать, гуглил читал, в итоге все равно сделал через @media. Вздохнул с облегчением, спустился к следующему блоку, а там почти такакя же история, сижу опять прописываю кучу @media. И возник вопрос, правильно ли это? Есть ли какой-то способ менять отступы и размер шрифта в зависимости от разрешения или вариант с media считается нормальным? Вот скри…

    Asked by necro, June 30, 2015

    0 votes
    5 answers