HTML Coding

29,542 questions in this forum

1. Проблема hover на Ipad при скролинге

   Есть меню, в котором подпункты появляются по hover. Если в Ipad промотать немного, то на том месте, где было меню срабатывает hover. Странное поведение и не понятно почему. Кто сталкивался с такой проблемой?

   Asked by freialex, March 13, 2014

   • ipad hover
   0 votes
   4 answers
2. Изображение в изменяющемся заголовке

   Есть заголовок, который меняет свою высоту в зависимости от размера экрана (20% от высоты экрана). Нужно в него поместить картинку, которая будет высотой 80% от заголовка и находиться точно по центру. Расположить в центре по горизонтали было легко, а вот по вертикали не получается. Header - это div, headerimage - img #header { height:20vh; background:red; margin:0px; text-align:center;}#headerimage { max-height:80%;}Подскажите, как правильно это сделать?

   Asked by Percent2014, March 13, 2014

   0 votes
   1 answer
3. При наведении не показывается блок

   <div class="top-menu"> <div class="moduletable_menu"> <h3>Заголовок меню</h3> <ul> <li><a href="">О нас</a> <ul> <li>Онас 2</li> <li>Онас 3</li> </ul> </li> <li><a href="">Контакты 2</a> <ul> <li>Онас 2</li> <li>Онас 3</li> </ul> </li> <li><a href="">Контакты</a></li> </ul></div></div>.top-menu h3 { display: none;}.top-menu ul { margin: 0 auto; padding: 0; display: table;}.top-menu li { width: 127px; height: 27px; float: left; list-s…

   Asked by alacka, March 13, 2014

   0 votes
   1 answer
4. Как растянуть блок на 100% высоты

   По моему мнению, в этом макете нужно растянуть левый блок на всю высоту экрана, чтобы при Масштабирование он не обрезался. Как это сделать ? http://cs425128.vk.me/v425128727/8b81/KLGiFV2VzCc.jpg http://vidiatest.esy.es/site/

   Asked by Ghost86421, March 13, 2014

   0 votes
   2 answers
5. Не работают :before и :after (в IE и FF )

   Для меню с помощью :before и :after добавил уголки, на webkit все отлично, а в IE и FF не пашет. <div class="menu"> <ul class="nav"> <li class="first"><a href="#"><img class="icon" src="images/user.png"> Компания</a></li> <li ><a href="#"><img class="icon" src="images/cal.png"> События</a></li> <li ><a href="#"><img class="icon" src="images/oill.png"> География добычи</a> <ul class="subs"> <li><a href="#">Информация о компании</a></li> <li><a href="#">Фотогалерея объектов&…

   Asked by Photolife, March 13, 2014

   • css
   • html
   • before
   • after
   0 votes
   3 answers
6. radial-gradient и с префиксами тоже

   Добрый день! Гуглил целый вечер, так не до конца и понял. Я могу написать так, это работает: radial-gradient(45px 70px at bottom left, transparent 100%, rgb(255,255,255)),А вот так уже не работает: moz-radial-gradient(45px 70px at bottom left, transparent 100%, rgb(255,255,255)),С другими префиксами та же фигня. То есть, получается, что если оставить, как есть, то несколько устаревшие версии браузеров правильно это не нарисуют. Собственно, можно ли с этим что-то делать? Я так понял, что нет.

   Asked by binomer, March 13, 2014

   • radial-gradient
   • moz-radial-gradient
   • webkit-radial-gradient
   0 votes
   10 answers
7. @font-face и безопаснные шрифты

   Допустим, я хотел бы использовать на сайте какой то нестандартный шрифт, например, представленный на картинке. И я собираюсь подключить его через директиву @font-face. Отсюда: Вопрос 1: Шрифты подключаемые через @font-face лежат на сервере вместе со всеми файлами которые составляют сайт. Т.е. по идее они будут доступны всегда, когда доступен сам сайт. Нужно ли в этом случае указывать другие "безопасные шрифты" в свойстве font-face? Допустим указывать нужно (мало ли что). Отсюда Вопрос 2 Как определить какой из "безопасных шрифтов, т.е. тех шрифтов, которые есть у практически любого пользователя нужно указывать? Как я понимаю, нужно найти список этих безопасных шрифтов,…

   Asked by Stager36, March 13, 2014

   • шрифты
   0 votes
   1 answer
8. Как грамотно расположить объекты напротив друг друга

   Здравствуйте. Я хочу в шапку сайта расположить объекты таким образом: (левый край экрана)Текст-ссылка1 и логотип1 пустота логотип2 текст-ссылка2 (правый край экрана) Подскажите пожалуйста оптимальный метод, как это можно было бы сделать, используя css и html. Спасибо.

   Asked by 2red, March 14, 2014

   • css
   • html
   0 votes
   5 answers
9. Наложение картинки на блок

   Каждый товар на сайте разбит по блокам (сам сайт создавался в конструкторе), но блоки - это html код. http://ga1000.casio55.com/ Нужно наложить на угол каждого блока след картинку При накладывании, смотрел по этой теме (http://htmlforum.ru/index.php?showtopic=22581). Наложить удалось, но стал неактивен слайдер изображений на этом блоке. Вот код самого блока: <div class="hvr"><div style="text-align:center;font-family: 'Trebuchet MS'; font-size: 16px; padding: 7px"><a style="color:#cc0000; text-decoration:none"><b>Casio </a><a style=";color:#000000; text-decoration:none; font-size: 16px">GW-A1000-1AER</a></b></div&gt…

   Asked by tarasishhe, March 13, 2014

   0 votes
   1 answer
10. Это css синтаксис или Gantry 4 FrameWork?

    Здравствуйте. Разбираю .less файлы. Встречаю такое: li { margin-right: 0 !important; &.active { ...Это синтаксис Gantry Framework?

    Asked by borus, March 20, 2014

    0 votes
    1 answer
11. Выпадающий список на AJAX

    Здравствуйте! Подскажите, пожалуйста, как сделать выпадающий список без перезагрузки страницы, который реализован вот здесь (над товарами ВЫВОДИТЬ ПО РЕЙТИНГУ): http://rozetka.com.ua/mobile-phones/c80003/filter/preset=smartfon/ Буду благодарен за помощь!

    Asked by volshebnyi, March 14, 2014

    0 votes
    7 answers
12. тег <a> перед <li> выдает ошибку в валидаторе HTML

    Добрый день. Я использую адаптивную верстку. Вот ссылка на сайт: http://test.w-complex.ru/w_complex/complex.php. В разделе портфолио, при наведении курсора мыши на картинку, появляеся синий фон с крестиком, весь синий фон являеся ссылкой, как и задумывалось. Для этого я поставила тег <a> перед <li>, но валидатор html выдает ошибку вот такую: Line 183, Column 40: Element a not allowed as child of element ul in this context. (Suppressing further errors from this subtree.) … <a href="#"><li class="one_li">Compatible with popu…То есть нельзя тег <a> использовать внутри элемента <ul>, как только тег <a> п…

    Asked by Nailya, March 14, 2014

    0 votes
    4 answers
13. Подвинуть чуток фиксированные блоки.

    Что можно сделать с body, html или другим узлом DOM, чтоб все фиксированные элементы подвинулись немного вправо. Т.е. я понимаю, что fixed-блоки позиционируются относительно окна, а мне нужно левую границу области окна подвинуть немного вправо. Может есть какое-то новое CSS свойство или может это можно реализовать javascript'ом не используя перебора всех элементов и выбора из них всех фиксированных?

    Asked by Zuenf, March 14, 2014

    0 votes
    3 answers
14. Кроссбраузерность: CSS3 и JS

    Недавно скачал шаблон с HTML5 Up и увидел, что на том сайте все шаблоны делаются не на CSS3 media query для адаптирования, а через написанный автором того сайта JS фреймворк skeiJS. Вот и задумался. А ведь правда, JS, который был еще во времена войны Netscape Navigator с IE, намного кроссбраузерней CSS3. Почему все используют последний? Да и вроде с CSS3 media query браузеру приходится загружать стили для всех экранов, а JS их подгружает их по мере необходимости. P. S. Я не настаиваю на том, чтобы все использовали JS. Я понимаю, что на использование CSS3 есть причина и хочу ее узнать.

    Asked by iKNG, March 14, 2014

    0 votes
    3 answers
15. макет базируется на диагоналях

    Добрый день. У меня макет весь состоит из диагоналей, треугольников и меню необычной формы. Вот ссылка: Посоветуйте, что лучше использовать для этого. Я подумала про transform, но он не входит в стандарт и в IE9 может глючить, и вообще границы мелкими волнами идут, мне в голову приходит только картинки использовать в этом случае. Есть ли еще варианты?

    Asked by Nailya, March 14, 2014

    0 votes
    4 answers
16. Затемнение фона

    Добрый день, гуру вёрстки! Нужда попросила затемнить фон всего сайта при наведении на определённый объект. При этом сам объект должен оставаться при этом на первом плане. В мыслях подумал, что плёвое дело, и родил это: <style>body { background: #ccc; }.banner { background: #fff; border: 1px solid #000; text-align: center; background: #fff; height: 400px; width: 240px; position: absolute; z-index: 100; }.banner div { display: none; }.banner:hover div { background: #000; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }</style><div class="banner">Hover Me<div></div></div>Естественно, мой «хит…

    Asked by ZABor1978, March 14, 2014

    0 votes
    2 answers
17. Проблема с плиточной версткой

    Буду краток: Нужно что бы вот это: http://ynws.esy.es/index2.html выглядело как это: http://ynws.esy.es/index.html В чём соль: По второй ссылке новости заданы структурой 4 колонки, а в них уже плитки. По первой ссылке задан фиксированный размер родителя, а в нем плитки прижатые float:left. Как видите в этом случае вторая и последующие строки разъезжаются. Фиксированную высоту, пожалуйста, не предлагайте

    Asked by Адель, March 14, 2014

    0 votes
    14 answers
18. тени текста в IE

    Подскажите, как сделать правило для IE8,9, что бы он тени текста не показывал ваще? Я в правилах не шарю. Спасибо! Если нужно сайт: плитка.in.ua Спасибо!

    Asked by Vic-Tor, March 14, 2014

    • IE тень для текста
    0 votes
    2 answers
19. Как прижать футер к подвалу

    Всем сдрасте, есть такая проблема. Вот сайт http://magdome.ru/ внизу у него есть футер, который начинаешь подымать отрывается от пола, подскажите как решить данную проблему, что бы поднять футер выше, но что бы он остался прижатым к низу? заранее спс.

    Asked by fetfurmoz, March 15, 2014

    0 votes
    1 answer
20. проблема с меню

    Добрый день. Не могу понять как сделать красный фон длиннее влево, чем его белая граница сверху и снизу, причем при новедении курсора на меню красный фон меняется Вот картинка: <ul class="menu_right_ul"> <li><a href="#">ПРО РОЛЛЕДРОМ</a></li></ul>.right .menu_right_ul li{ list-style:none; background:#fff; padding:1px 0; }.right a{ text-decoration: none; display:block; padding:7px 0 7px 7px; color:#fff; font-size: 14px; background:#db1f24;}У меня с эти кодом только вот так получилось: Подскажите, как сделать как в первой картинке?

    Asked by Nailya, March 15, 2014

    0 votes
    3 answers
21. Меню из квадратных элементов

    Пытаюсь сверстать меню из квадратных кнопок. Задача в том, чтобы они пропорционально уменьшались при уменьшении экрана и если им не хватает места, то переходили на следующую строку. Вот ссылка на то, что я намудрил http://jsfiddle.net/RSW45/ Однако почему-то меню получается не квадратное, а прямоугольное. И можно ли убрать отступы справа и снизу или нало использовать float:left? Правда во втором случае будет проблема как сделать, чтобы меню было всегда поцентру.

    Asked by PavelTkachev, March 20, 2014

    0 votes
    11 answers
22. не проходит валидацию

    Здравствуйте! на сайте используются теги figure figcaption, посмотрел на штмлбук: http://htmlbook.ru/html/figcaption теги штмл5. На странице указан <!DOCTYPE html>, в итоге сайт все равно не проходит валидацию. Указывает на ошибки именно в этих тегах. Что в данной ситуации можно сделать? спасибо!

    Asked by devid89, March 20, 2014

    0 votes
    2 answers
23. Использование IE7.js. Нужно ли использовать?

    Здравствуйте! Разбирала чужой код и наткнулась на такой код: <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script> <![endif]--> Прочитала для чего он нужен: IE7.js - это библиотека JavaScript, которая делает Microsoft Internet Explorer похожим на браузер, поддерживающий стандарты. В ней имеются заплатки для многих пунктов из HTML и CSS, а также изображения с прозрачностью в формате PNG начинают работать правильно в IE5 и IE6. Мой вопрос: стоит ли им пользоваться, насколько он действительно полезен, какие есть минусы?

    Asked by Светлана Г., March 15, 2014

    0 votes
    3 answers
24. Формы

    Вот код формы : http://jsfiddle.net/hristofor/Z24K2/ Такой вопрос. Почему слово jah не распологается после радио кнопки(как мне нужно), а смещается наверх формы?

    Asked by hristofor, March 15, 2014

    0 votes
    2 answers
25. Вкладка вертикального аккордеона ссылкой

    Посмотрел аккордеоны на jQuery UI, вкладки просто кликабельны для разворачивания внутреннего контента но они не ссылки для перехода, мне нужно чтобы вкладка(таб) тоже была ссылкой и разворачивала внутренний контент, погуглив не нашел ни одного аккордеона где вкладка тоже была бы ссылкой, вот на biglion аккордеон разворачивается но с полной перезагрузкой страницы, ВОПРОС: как можно сделать хотябы как на биглионе ? это при клике на ссылку нужно добавлять класс который дальше display:block внутреннему контенту чтобы его развернуть ?

    Asked by ilyas, March 21, 2014

    0 votes
    1 answer