HTML Coding

29,542 questions in this forum

1. печать страницы

   Здравствуйте! на распечатанной web-странице отображается ее адрес в сети. Можно это дело убрать программным способом? для Chrome и Opera нашел такое решение @page{ size: auto A4 landscape; margin: 3mm;}но ничего не получается сделать с FF и IE

   Asked by erange, March 6, 2016

   0 votes
   0 answers
2. Как понять такой синтаксис CSS?

   Собственно вопрос по CSS AUDIO, CANVAS, VIDEO{display: inline-block;=display: inline;=zoom: 1;} Как понимать знаки "равно"?Валидатор на это ругается, но это из готового шаблона. И в браузерах все работает.

   Asked by vanya-chemik, March 3, 2016

   0 votes
   9 answers
3. Конфликтуют стили max-width и float?

   Добрый вечер, для начала краткий экскурс. Делаю сайты много лет, в основном работал с WYSIWYG софтом и готовыми шаблонами для разных CMS`ов и в верстку никогда особо не лез, работаю уже больше 10 лет и всегда справлялся с любыми задачами, однако время идёт и что бы не деградировать нужно наоборот, развиватся=))) на смену WYSIWYG пришел http://scratchpad.io/на котором я принялся практиковатся в выполнении необходимых мне задач. Короче задача следущая, картиночка с max-width 100% справа от которой располагался бы текст тоже с max-width 100%, с условием, что в случае если экранчик маханький при маханький как на мобильном - текст перепрыгивает и размещается под картиночкой,…

   Asked by ilvl, March 2, 2016

   0 votes
   7 answers
4. В нижней части галереи перезжают фотографии

   Добрый день. Помогите пожалуйста разобраться, почему в глее переезжают фотографии в конце списка? 4-8-12фото... держатся ровно, а когда 1,2,3 на новой строке все плывет. http://pl.styleathome.ru/satin.html Спасибо.

   Asked by redcrazysun, March 5, 2016

   • галерея
   0 votes
   2 answers
5. Media-float

   Доброго. Есть html страница с изображениями в блоках с float. Понял, что при ширине страницы ниже 435px с ними случается беда. Процентное уменьшении применить нельзя, ибо там изображения и сами понимаете, что с ними произойдёт при большом уменьшении. Так вот, можно ли написать медиа-запрос, что бы при ширине странице от 435px эти блоки с врезками вообще пропадали и оставался только текст?

   Asked by P0jar, March 5, 2016

   0 votes
   1 answer
6. Прошу оценки помощи, критики

   Доброго времени суток. Написал для себя такую таблицу https://jsfiddle.net/xv2xmduv/5/ Это сетка, рассчитанная на ширину от 820px. 4, 3, 2 и 1 колонки. Писал сам, ибо разбираться с готовыми решениями не очень люблю. И не люблю когда проект собран из готовых кусков, как Франкеншетйн. Хотя может я и не прав, дело не в этом. Вопросы. 1. Есть ли явные ошибки/недочеты 2. Может что-то можно сделать проще 3. ... Буду рад всем замечаниям - предложениям - уточнениям Заранее благодарен.

   Asked by KosMuxa, March 4, 2016

   • css
   0 votes
   4 answers
7. Почему отвечает "неправильное значение свойства"?

   Здравствуйте. На сайте для body назначено свойство body{cursor:url('../images/cursor_rose.cur');}в инструментах Хрома высвечивается invalid property value, хотя скачать этот cursor_rose.cur по предлагаемой Хромом ссылке можно. В чем причина не отображения курсора?

   Asked by borus, March 4, 2016

   0 votes
   1 answer
8. Модальное окно формы с затемнением фона

   Доброго времени суток всем! Возникла такая проблема. Создаю форму авторизации в виде модального окна. Хочу сделать так, чтобы когда появлялась форма, то остальной фон затемнялся. Для затемнения использую div-блок с position: fixed; c прозрачностью, меньшей единицы и z-index'ом равным 100. У самого модального окна я поставил z-index: 200, надеясь, что он унаследуется всеми вложенными div-ами, из которых я собирал модальное окно и все они будут лежать "выше" затемнения, значит не будут "затемняться". Но это не помогло. Часть составных блоков формы затемнилась, часть - осталось светлыми. Скриншоты проблемы: http://hipics.ru/image/wjJ-- форма без затемнения http://hipics.r…

   Asked by Impress, March 3, 2016

   • окно затемнение
   • верстка
   0 votes
   2 answers
9. Изображение в три колонки

   Есть вот такая страница с картинки https://jsfiddle.net/Lh8kz698/1/ Суть вопроса в том что хочу сделать картинки в три колонки. Если менять параметр width = 30% то оно впринципи получается но картинки становятся очень большие. Какие параметры есть чтоб сделать в три колонки по центру страницы, чтоб с изменением width менялся только размер?

   Asked by galsik2009, February 26, 2016

   • html
   • css
   0 votes
   7 answers
10. Помогите с реализацией сайта пожалуйста

    Хочу создать в своем городе карту ЧП - чтобы можно было зайти - выбрать точку на карте и оставить отзыв с фото например. ПОдскажите пожалуйста как это реализовать (через яндекс карты или гугл - или любые другие - не важно-как!) попадая на сайт должна быть карта и варианты.Спасибо заранее, подскажите как реализовать или хотя бы что почитать чтобы понял сам.Спасибо!)

    Asked by alex.rakov1992, March 3, 2016

    0 votes
    2 answers
11. Как так сверстать

    Добрый день Люди. Я в верстке не сильно силен, но вот перед мной встала задача, надо сделать что то похожее, и желательно на уровне CSS. Все блоки имеют одну ширину. Пробовал через inline-block, но второй уровень сразу съезжает. Да можно заморочиться и на уровне PHP или JS высчитать все, и задать положение блока более жестко, но хотелось бы более правильного решения. Или в какую сторону копать?

    Asked by DioNiR, March 2, 2016

    0 votes
    10 answers
12. Приподнять <li>

    Вот так это выглядит: т.е. <li> смещается вниз. Его нужно как-то приподнять или наоборот, опустить иконку Как это сделать? http://codepen.io/anon/pen/xVGyqZ

    Asked by yaparoff, March 3, 2016

    0 votes
    1 answer
13. Применить стиль к label при фокусе на input

    Обязательное условие - подсветка текста при фокусе на input. Простой пример. http://jsfiddle.net/GuCk4/45/ Как сделать так, чтобы при фокусе на input, стиль оставался примененным и к label, а не пропадал сразу же после клика? Нашел решение с помощью JQuery, но возможно есть способ попроще без скриптов? Структуру html можно изменять, лишь бы выполнялось условие.

    Asked by WhatIsHTML, February 26, 2016

    • form
    • label
    • input
    • focus
    0 votes
    6 answers
14. Стили для поля ввода (default, valid, invalid)

    Делаю форму (HTML5) и столкнулся с такой проблемой. Если указывать атрибут required для input, то стили для этого поля автоматически с дефолтных значений меняются на те, которые я прописал в input:invalid (как я понял, так работает валидация формы). А как сделать, чтоб и проверка работала, но применялись стили по умолчанию, а стили input:invalid применялись если введенная инфа не соответствует тому, что я прописал в атрибуте pattern для input?

    Asked by frontMan86, February 19, 2016

    • html5
    • css3
    • form
    • valid
    • invalid
    • input
    0 votes
    5 answers
15. Резиновая верстка работает, но почему?

    Друзья, всем добрый день! Я полный новичок. Взял первый для себя макет и решил реализовать резиновую верстку. 3 колонки: левая фиксированная (width: 300px), центральная и правая резиновая. При этом центральная и правая делит пространство оставшееся от левой колонки между собой в отношении 70% (центр) на 30% (правый). Вчера бился полдня, облазил весь гугл, нашел несколько решений, но они у меня почему-то не работали. Сегодня с утра потыкал самостоятельно и получилось реализовать. Вот код html: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="wrapper"> <div class="left-sidebar"&g…

    Asked by Ota, March 2, 2016

    • резиновая верстка
    0 votes
    4 answers
16. Проблемы с микроразметкой

    Здравствуйте. На сайте внедрена микроразметка schema.org. Проблема в следующем: при поиске в гугле запроса с указанием сайта, например, "Мой товар site:my-site.ru" все отлично работает, выводится рейтинг товара в виде звездочек, цена, наличие и т.д. Но при поиске "Мой товар" кроме ссылки и описания страницы больше ничего не выводится. С чем это может быть связано?

    Asked by alex_web64, March 2, 2016

    • schema.org
    • микроразметка
    0 votes
    0 answers
17. Использование Column

    Есть меню с перечислением общеклиническими направлениями, для разбития на столбцы подпунктов использовала column Проблема в том, что он делает разбитие li слева направо, а мне надо сверху вниз. Когда рассматривала примеры работы с column везде текст идет сверху вниз (( http://test3.aveas.ru/napravleniya/obshcheklinicheskie-napravleniya/

    Asked by Mary_RND, February 26, 2016

    0 votes
    7 answers
18. Как стилизовать Scroll у блока?

    http://prntscr.com/a32uqk стандартные CSS свойства не решают проблему

    Asked by Fizruke, February 14, 2016

    0 votes
    6 answers
19. Стилизованная кнопка распадается на части

    Здравствуйте. Имеется стилизованная под кнопку ссылка: http://codepen.io/Kristinita/pen/EKxZQO . На экранах мобильных устройств она выглядит вот так неприглядно. Когда кнопок много, получается совсем каша. Что нужно сделать, чтобы стилизованная кнопка размещалась на строке в полном размере без нарезок? Спасибо.

    Asked by Саша Черных, February 29, 2016

    • widht
    0 votes
    3 answers
20. Всплывающая подсказка выходит за пределы экрана

    Имеется стилизованная кнопка со встроенной в неё всплывающей подсказкой : http://codepen.io/Kristinita/pen/EKxZQO . Как видно, всплывающая подсказка выходит за верхнюю границу экрана, а на экранах c другим разрешением ещё и за правую. Что нужно сделать, чтобы она оставалась в рамках экрана, желательно без полос прокрутки? Спасибо.

    Asked by Саша Черных, February 29, 2016

    • data-title
    0 votes
    2 answers
21. Ширина макета

    Здравствуйте, немного запутался вот в таком вопросе. Есть макет и его ширина 1200px. Например, header and footer растягиваются на все 1200, а остальные центрируются. И вот в чём собственно вопрос. Эти 1200 так и оставлять или же задавать ширину 100%? И если оставлять 1200, то что делать с оставшимся пространством по бокам?

    Asked by luckyguy, February 28, 2016

    0 votes
    1 answer
22. "background-size cover" для блока

    Добрый день! Подскажите, как реализовать следующую задачу: Необходимо, что бы в блоке .content было фиксированное фоновое изображение (картинка) с максимальным заполнением, прижатая к правому краю .content <div class="container-fluid"> <div class="col-xs-7 content"> контент </div> <div class="col-xs-5"> навигация </div></div>.content { background: url("background.jpg") no-repeat right top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} Если делаю, как приведено в коде, картинка растягивается по ширине body. Существует л…

    Asked by dartVader, February 27, 2016

    0 votes
    10 answers
23. Как сделать, чтобы изображения слайдшоу показывались полнстью вне зависимости от экрана?

    Здравствуйте. Упрощённый вариант слайд-шоу: http://codepen.io/Kristinita/pen/dMygQj . Хочу сделать так, чтобы изображения показывались на различных экранах только полностью, а не обрезками, как на скрине ниже . Т. е. если картинка не достигнет на экране определённой высоты, то пусть отображается только при вертикальном скроллинге. Эксперименты с min-height ни к чему не привели. Не могли бы подсказать, что не так? Спасибо.

    Asked by Саша Черных, February 28, 2016

    • min-height
    • img
    0 votes
    0 answers
24. Вывод div с другой страницы

    Здравствуйте! Помогите пожалуйста разобраться. Необходимо чтобы при наведении курсора на ссылку появлялся DIV находящийся на другой странице, что я попытался сделать при помощи следующего скрипта: onmouseover="document.getElementById('opis').style.display='block'" onmouseout="document.getElementById('opis').style.display='none'"При помещении кода на одну страницу всё работает. http://codepen.io/anon/pen/reNZMb Но при размещении div на другой странице он не выводится. index.html: <!DOCTYPE html><body><object data="link0.svg" type="image/svg+xml" width="190" height="190" style="position: absolute; opacity: 1; z-index: 110!important; ; top: 355px; left: 518…

    Asked by Иван98, February 28, 2016

    0 votes
    0 answers
25. Горизонтальное выпадающее меню

    Доброго времени суток! Подскажите пожалуйста, как выровнять выпадающее меню по горизонтали? http://codepen.io/anon/pen/wGvBNQ

    Asked by luckyguy, February 26, 2016

    0 votes
    12 answers