HTML Coding

29,542 questions in this forum

1. Как сделать адаптивные изображения

   Всем привет! Структура такая: <div class="tovar"> <div class="kartinka"> <img ... > <div> <div> Высота дивов фиксированная. Ширина меняется под ширину браузера. Сама картинка (img) и высоту и ширину меняет пропорционально при изменении ширины браузера, но не должна вылазить за пределы своего дива <div class="kartinka"> Все картинки разного размера, квадратные, прямоугольные, большие, маленькие, вертикальные, горизонтальные. Надо чтобы весь этот сброд автоматом втиснулся каждый в свой див, выровнялся по горизонтали и в дальнейшем масштабировался. Какие стили нужно задать? Сам пробовал. Делал обертку для <img> с помощь…

   Asked by barrel, October 1, 2015

   0 votes
   4 answers
2. Блок с описанием на яндекс-карте

   Подскажите пожалуйста, как добавить Блок с Html содержимым, привязанный к адресу на яндекс карте. Я смотрел документацию от яндекса, что-то запутался. Подскажите хоть какой объект использовать

   Asked by Vlad_P, October 2, 2015

   0 votes
   4 answers
3. Как изменить размер видео

   В html размеры прописаны так: <div class="video"><iframe width="280" height="200" src="" frameborder="0" allowfullscreen></iframe></div> Как прописать размеры видео в css без приписки width, height в iframe ?

   Asked by Yeldos, October 3, 2015

   • видео
   0 votes
   4 answers
4. Проблема с адаптивом на iPhone.

   Здравствуйте! Возникает проблема с вёрсткой на сайте на "просмотрщиках веб страниц" iPhone. На Android всё хорошо, на разных браузерах. Проблема в следующем, не блокируется скролл во всплывающем меню http://cartersbaby.ru/ на этом сайте. Вот примерные изображения проблемы: Собственно серого фона не должно быть, так же как и скролла долгого. В css забита высота этого серого элемента, но стоит overflow: hidden. Допускаю собственную ошибку, но на Android и эмуляторе в Chrome проблем нет.

   Asked by Vicos, October 5, 2015

   • scroll
   • iPhone
   • адаптив
   0 votes
   4 answers
5. адаптированная верстка

   Как делать адаптивную верстку для большого сайта (более 50 страниц)? Нужно каждую страницу адаптировать?

   Asked by Yeldos, October 8, 2015

   • адаптированная верстка
   0 votes
   4 answers
6. двухуровневый <Select> с возможностью свернуть второй уровень

   Добрый день, долго гуглил, но решения не нашел. Мне нужно сделать как на картинке ниже, вот так. Желательно, чтобы можно было выбрать и родителя, в этом случае будет считаться, что выбраны все его дети. Заранее спасибо.

   Asked by Apec, October 8, 2015

   • css
   • html
   0 votes
   4 answers
7. Проблема с формой

   Прошу помощи у опытных посетителей данного форума. Необходимо сверстать форму которая сочетает в себе поля select и input текста. Каким образом лучше объединить два данных элемента? И каким образом лучше стилизовать select? На чистом СSS это практически не возможно, насколько я поняла. Пробовала ставить плагин JQuery (selecter), но сразу возникает проблема с выпадением select'a из родительского div'a, то есть он фактически отображается под формой, а не в ней. Запихнуть его обратно не удалось, так как элементы находящиеся рядом начинали вести себя аналогично select'у и также выпадать из формы. Понимаю, что возможно задаю странные вопросы, но это моя первая серьезная верстк…

   Asked by Liana19, October 13, 2015

   0 votes
   4 answers
8. Пунктирная линия

   Здравствуйте! Подскажите, как провести такую пунктирную линию: от круга до круга. Смотрите картинку: Код: https://jsfiddle.net/sy8jLp9f/ Спасибо.

   Asked by Alfa2015, October 12, 2015

   0 votes
   4 answers
9. background или background-color в чем разница?

   Возможно глупый вопрос, но интересует терминология. Часто подобное вижу в бутстрапе. Пример css код: background: url("/img/background.jpg") repeat-x;background-color: #ffffffПочему используются две переменные, разве не проще использовать одну? background: #fff url("/img/background.jpg") repeat-x;

   Asked by papay, October 13, 2015

   • background
   • background-color
   0 votes
   4 answers
10. Пропадает форма при прокрутке карусели.

    Здравствуйте! Есть блок с отзывами, которые оформлены в слайдер-карусель. И есть блок с формой. Проблема: При прокрутке слайдера пропадает блок с формой. Вопрос: как исправить? Вот пример. Спасибо.

    Asked by Alfa2015, October 18, 2015

    0 votes
    4 answers
11. Помогите сделать линию которая будет выходить за пределы родительского div'а?

    Есть блок container в котором ширина 100%, в нем блок wrapper ширина которого 80%. В wrapper ' е хочу сделать линию к примеру border-bottom которая будет выходить за пределы wrapper ' а и иметь ширину conteiner ' а. Подскажите пожалуйста, как это можно сделать? https://jsfiddle.net/8yhk17jm/1/

    Asked by Konstantin99, October 19, 2015

    0 votes
    4 answers
12. Подменю исчезает при наведении

    Возникли трудности при вёрстке подменю: если оно вплотную прилегает к родительскому элементу - проблем нет, но если имеет отступы/отдалено, то при наведении - исчезает. Т.к появляется пустое пространство между li и под меню. Вот код: http://jsfiddle.net/LOL1/jokr73qq/6/ Как сделать, чтобы подменю не исчезало при наведении?

    Asked by VeniVidiVici, October 19, 2015

    • меню hover
    0 votes
    4 answers
13. Подскажите, как сбросить стили в определенном блоке

    Есть страница с кучей стилей. В рамках ее нужно вставить блок <div> - который не унаследовал бы общие стили. Подскажите, что прописать. Туплю ((

    Asked by niko6456, October 21, 2015

    • css
    0 votes
    4 answers
14. Неактивные ссылки в постах

    Здравствуйте. Надеюсь, что кто-нибудь поможет разобраться. Сам я в верстке просто ноль. Собственно в чем проблема... Есть сайт на wordpress. Заметил недавно, что время пребывания посетителей на нем стремится к нулю. И обнаружил, что ссылки в постах все как одна неактивные, т.е. курсор при наведении на них не изменяется... В одном месте мне подсказали, что возможно, что один из блоков наезжает на другой. И вроде как не хватает закрывающего тэга </div>. Но я никак не могу понять где именно его не хватает. И в какой из файлов его надо дописывать... Вот ссылка на один из постов http://festafiesta.ru/luchshie-pozdravleniya-s-imeninami/ Помогите, пожалуйста, разобраться..…

    Asked by garryson79, October 21, 2015

    0 votes
    4 answers
15. Видео с ютуба

    Здравствуйте уважаемые форумчане! Есть видео с ютуба которое находиться в модальном окне. Подскажите, пожалуйста, как сделать что бы оно(видео) автоматически начинало проигрываться при запуске модального окна ?

    Asked by stan07, October 22, 2015

    0 votes
    4 answers
16. Блок поверх строки таблицы

    Народ привет всем! Есть задача сделать на ховер строки таблицы, или по клику (не важно), чтоб появлялся блок поверх этой строки, на ее высоту и ширину. Помогите плз идеями, ниче в голову не приходит. http://jsbin.com/hafihigija/edit?html,css,output

    Asked by vladmih, October 23, 2015

    0 votes
    4 answers
17. <!DOCTYPE html> портит верстку в IE7

    Здравствуйте! Делаю страницу для использования в IE7 и столкнулся с проблемой. В странице используется текстовый редактор с подсветкой кода CodeMirror. В IE7 редактор отображается некорректно, если не использовать доктайп (в редакторе появляются неактивные полосы прокрутки, а при наборе текста страница сама прокручивается). Увидел, что в демо-страничках из дистрибутива CodeMirror используется <!DOCTYPE html>. При установке <!DOCTYPE html>, на моей странице перестают корректно отображаться многие стили (отступы и всё с этим связанное, установка цвета фона контейнеров и пр.), причем только в IE7. При этом, редактор начинате работать как полагается В нормальн…

    Asked by EnselerizeR, October 23, 2015

    • IE7
    • Doctype
    • HTML5
    • CSS
    • HTML
    • CodeMirror
    0 votes
    4 answers
18. Размеры элементов в пикселах с процентами при подключении шрифта

    На сайте подключен Open Sans и из-за этого элементы, которым не указана ширина, получаются в пикселах с процентами. Например кнопки: Из-за этого возникает проблема, когда я хочу добавить псевдоэлемент внутри во всю ширину этой кнопки (нужен для эффекта), справа от него получается зазор, где виден фон, несмотря на то, что указано right: 0: Это можно, как-то исправить без явного указания размеров?

    Asked by Shiza, October 25, 2015

    • пиксели
    • размеры элементов
    • проценты
    • шрифты
    0 votes
    4 answers
19. Помогите пожалуйста с респонсив версткой!

    Доброго времени суток, друзья! Озадачился я версткой макета. В псдшниках несколько файлов (как должна выглядеть страница при различных разрешениях экрана). В общем, хочу вынести на ваш суд результаты своей работы http://zehlik.pe.hu/. Так же хочу задать несколько вопросов: 1. У меня проблема с версткой меню навигации, особенно когда ширина экрана становится меньше 768px меню должно сползти под логотип, но с этим какие-то проблемы (в медиа прописываю флоат, но оно не работает). Короче говоря, оцените пожалуйста правильность написания самого меню, может именно тут что-то не так. 2. Так же, при разрешении ниже 480 все меню должно сворачиваться в дропдаун под кнопку. Как …

    Asked by Zehlik, October 27, 2015

    • #responsive
    0 votes
    4 answers
20. HTML/CSS редактор online

    Добрый день! Вопрос такой. Я делаю первые шаги в HTML/CSS , но я работаю в Chrome OS, а значит для меня недоступны такие вещи как, к примеру, Notepad++ и т.д. Не могли бы Вы порекомендовать редактор HTML/CSS который может работать в облачном режиме или как расширение для браузера GoogleChrome ? Кроме того, мне нужна возможность делать отдельный файл CSS. И как в этом случае можно смотреть, что получилось ? Я так понимаю, что у меня будет возможность проверять результаты только в браузер GoogleChrome, но пока ОК. Я просто хочу научиться работать с кодом разметки и стилей. Спасибо большое за помощь!

    Asked by Shank, October 29, 2015

    0 votes
    4 answers
21. Выпадающее меню

    Здравствуйте! Подскажите, как сделать, чтобы выпадающее меню было закрытым. По умалчиванию оно открыто, только при нажатии закрывается. А нужно наоборот: чтобы было закрытое, а при нажатии открывалось. Вот код: https://jsfiddle.net/x15kgcc7/1 Спасибо.

    Asked by Alfa2015, October 31, 2015

    0 votes
    4 answers
22. Кто может посоветовать?

    как в textaria сделать отступ текста с верху? отступ от края строки сделал чудесным свойством "text-indent", а вот с верху отступ сделать не знаю как! есть вариант сделать padding-top: 10px; но может быть есть ещё какой не будь способ?

    Asked by Fizruke, November 5, 2015

    0 votes
    4 answers
23. Не открывается модальное окно по-хорошему

    Здравствуйте. Случилась проблема - плохо открывается модальное окно http://top-matras.ru/- при нажатии на " Заказать обратный звонок" Было всё неплохо, потом кто-то там хозяйничал, всё сломал. А я устала куда смотреть, не могу найти! Спасибо.

    Asked by kattiperk, November 5, 2015

    • js
    • onclick
    • modal
    0 votes
    4 answers
24. Что такое SVG и с чем его едят

    Всем привет. Вот хочу сделать динамическое построение круговых диаграмм на странице статистики. Долго думал и в результате остановился на варианте создания SVG на чистом JS. Всё бы ничего, вот только информации по SVG кот наплакал, а хочется сделать всё красиво. Пока мой JS умеет генерировать псевдо-3D круговую диаграмму, проблема в том что она плоская, а хочется объемную. Подскажите где что почитать по теме? Например на w3c есть вот такой пример http://www.w3schools.com/svg/tryit.asp?filename=trysvg_ellipse2 А как сделать эти же элисы еще и толстыми, ну чтобы они выглядели например так

    Asked by McLotos, November 5, 2015

    0 votes
    4 answers
25. Оцентровка меню по внутренний блок

    Доброго времени суток всякому сюда зашедшему. В общем сразу к проблеме. Делаю сайт на wordpress, нашёл подходящую тему, все настроил, но есть одно "но". Меню. http://oxvo.ru/ видно, что меню растянуто на всю ширину страницы. Я же хочу сделать меню по ширине внутреннего, блока. Собственно, вот кусок кода: #sideviewtoggle {display: none;}.no-menu-msg {color: #FFF;font-size: 16px;line-height: 20px;padding: 20px 40px;text-align: center;}.secondary-navigation {width: 100% !important;box-shadow: 0 1px 5px rgba(0,0,0,0.2);-khtml-box-shadow: 0 1px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2);-ms-box-shadow: 0 1p…

    Asked by oleg198801, November 9, 2015

    0 votes
    4 answers