HTML Coding

29,542 questions in this forum

1. :hover

   Доброго времени суток, уважаемые! Совсем недавно меня заинтересовало красивое меню, суть которого я сейчас объясню. У нас есть меню. При наведении на одну ссылку, она остается такой же, а в это время другие ссылки (на те, на которых не наведен курсор) делают совсем иное действие, например меняют цвет. Помогите пожалуйста реализовать на чистом css. Мне нужен обычный каркас, дальше я все сам сделаю, а то что-то голова не работает.

   Asked by artem42, December 24, 2012

   0 votes
   4 answers
2. :hover

   Подскажите пожалуйста, есть меню, при наводке на кнопки должен меняться стиль, так же есть класс с активным меню, так вот, как запретить меняться стилю при наводке у которого класс active(активное меню, выделяется отдельным цветом) а все , нужно было ниже в css коде поставить его

   Asked by cruel09, October 1, 2014

   0 votes
   1 answer
3. :hover в блочном меню. Что не так?

   Я новичок. Пытаюсь создать сайт пока на локалке и столкнулся с такой проблемой. Не меняется фон в меню при наведении на него мышью. Путь к картинке правильный. Проверял несколько раз. Последний раз, для верности, указал путь к картинке через контекстное меню Dreamweaver, так что с этим ошибок быть не может. Вот код: <div id="menu"> <p><a href="#">Главная</a></p> <p><a href="#">Классификация</a></p> <p><a href="#">Инструменты</a></p> <p><a href="#">Установка</a></p> <p><a href="#">Полезные советы</a></p> <p><a href="#">Работы</a>…

   Asked by Утро, May 3, 2013

   0 votes
   3 answers
4. :hover в мобильных браузерах

   Допустим есть некая форма со списком услуг. При наведение пункт списка меняет цвет. При клике цвет фиксируется, т.е. добаляется класс с помощью js, при повторном клике класс удаляется и соответственно цвет меняется. Но на тач устройствах hover воспринимается как клик, и в результате выделение не снимается после повторного клика. Пробовал заменить css hover на js, и при клике насильно удалять класс, который вешается при наведении. Помогло, но не во всех браузерах, например в 4 айфоне 13-ый яндекс браузер и какая-то сафари не повелись на этот трюк, и упорно цепляются за hover. Какие есть еще варианты?

   Asked by Bassline, June 1, 2014

   0 votes
   16 answers
5. :hover в мобильных версиях

   Доброго времени суток! Сделал меню 2-х уровневое, подуровень через :hover у ul. На десктопе все ок, а вот на мобильной версии как реализовать чтобы подменю открывалось не через наведение а по клику? Так например в стандартном меню от bootstrap4 сделано. Подскажите?

   Asked by Coby1987, April 13, 2019

   0 votes
   6 answers
6. :hover для другого элемента

   Всем приятных праздников! Есть ссылка a { color: black; text-decoration: none; } Есть для неё hover-параметры a:hover { text-decoration: underline; color: #666699; } Есть ячейка таблицы с hover-параметрами td.menu1:hover{ background-color: #eaeaea; } Ссылка сидит внутри ячейки таблицы Никак не могу сообразить, как сделать, чтобы при наведении на ячейку (НЕ на ссылку) изменился цвет ссылки (т.е. нужно задать как бы еще один hover-параметр для ссылки, но ведь один уже задан!)

   Asked by Coder_D, January 7, 2012

   0 votes
   5 answers
7. :hover и меню

   Собственно есть код выпадающего меню, показываю css ul.navi div.mega-content { position: absolute; left: 0; padding: 0; margin: 0; background: #04677F; display: block; float: left; padding: 0 9px 9px 0; } и html <li class="level1 last havechild default"> <a class="level1 last havechild" href="/index.php/inv"><span class="menu-title">Финансы</span></a> <!-- open mega-content div --> <div class="level2 mega-content"> <div class="mega-content-inner"> <div class="mega-col first one"> <ul class="subnavi level2"><li class="level2 first default"> <a class="level2 first" href="/index.php/in…

   Asked by Struggle, August 15, 2013

   0 votes
   5 answers
8. :hover и элементы страницы

   Для меня было приятным открытием узнать, что :hover можно применять не только к ссылкам. Это есть в описании :hover, но пока все примеры были привязаны к тегу <a>, в голову не приходило, что может быть иначе. Я сделал div(div:hover img {opacity: 1}), внутри картинка (opacity: 0.75) и список с ссылками (a:hover {text-decoration: underline}, остальные состояния - text-decoration: none). Соответственно, при наведении мышки на div, картинка становится непрозрачной, при наведении на ссылку получаем подчеркивание. После пары экспериментов возник вопрос: если мне нужно, чтобы при наведении на один объект менялись свойства другого, не вложенного в первый, каким способом это…

   Asked by Morph, September 7, 2012

   0 votes
   5 answers
9. :hover на элементах сквозь блоки

   Вот на сайте http://tankist10.hosting-test.org.ua/ при наведении на картинку альбома должно появляться описание. Вот как в Firefox А вот как в Google chrome Этого не должно быть, но вот в том же Хроме когда навожу на шапку нет висняков Как исправить?

   Asked by T@NKIST, March 25, 2013

   0 votes
   2 answers
10. :hover протекает внутрь дочернего, как починить?

    Есть <span class="hider">. По :hover он должен показывать свое содержимое. Он может быть вложен в себя на любой глубине. Демо: https://jsfiddle.net/kzosd0wp/3 Проблема: когда срабатывает :hover на корневом .hider, все .hider на всю глубину показывают теги <a>, но не должны. Требуемое поведение: по :hover .hider показывает только свое содержимое и родительских hider, но не содержимое вложенных в него .hider. Сейчас при наведении курсора на внешний hider показывается лишняя ссылка, но не должна. Ее должно быть видно только при наведении на дочерний .hider. Селектор .hider:hover > a не выход, т.к. внутри .hider ссылка может быть…

    Asked by 7ion, December 15, 2018

    0 votes
    4 answers
11. :link и отделение якорей от внеш.ссылок

    Всем привет! a{color:red;font:20px Arial, Helvetica, sans-serif;} a:link{background-color:orange;} у меня хром присваивает даже якорям background-color:orange; опера игнор а ие6-все гуд в html5 нужно использ id!!ничого не поменялось а как теперь отделять?

    Asked by bot87, November 29, 2011

    0 votes
    3 answers
12. :lt, :gt, :eq какова поддержка браузерами?

    Удалите тему плз

    Asked by Zverushka, May 6, 2014

    0 votes
    8 answers
13. :not(first-child)

    Как можно применить стиль ко всем элементам, за исключением первого? :nth-child(n+1){} не помог.

    Asked by borus, December 17, 2012

    0 votes
    4 answers
14. :nth-child vs class

    Здравствуйте. Допустим у нас есть 2 списка с 5 пунктами и 50. Каждому пункту нужно задать свое фоновое изображение. Что вы будете использовать - :nth-child или class (или свой вариант) и почему? Интересует вопрос производительности.

    Asked by alex_web64, December 17, 2014

    • :nth-child
    • class
    0 votes
    5 answers
15. :nth-child и :nth-of-type

    Народ, кто-то может объяснить разницу между этими двумя псевдоклассами? Поэкспериментировал, разницы не увидел. Чем конкретно они отличаются?

    Asked by od_lazio, November 10, 2009

    0 votes
    9 answers
16. :root

    Насколько понял, псевдокласс :root аналогичен селектору HTML.

    Asked by Vlad, June 27, 2007

    0 votes
    6 answers
17. !!!!!DIV!!!!!Или как все начинаеться

    Опытные верстальщики можете подсказать мне как начинать сроить веб страничку.Что такое слои в веб страницах.И зачем нужен вообще параметр DIV(литературу читела,но нифига толком так и не понял)Я например когда начинаю строить страничку,то делаю это через таблицу(header,footer....),но меня дерзают смутные сомнения,что этот метод уже устарел.Так что советуйте

    Asked by tray, April 7, 2008

    0 votes
    5 answers
18. !!Помогите ПЛИЗ! Нужна страница регистрация пользователей и инфы о них

    Помогите ПЛИЗ! Нужна страница регистрация пользователей и инфы о них... Можете выкинуть код этих страницы, думаю разберусь, а лучше пару подсказок выдайте! Буду благодарен!!

    Asked by MAXIMKA, March 31, 2008

    0 votes
    18 answers
19. !DOCTYPE

    столкнулся с проблемой, что IE & FF понимают x-small на порядок по-разному. также разница интерпретации заголовка пятого уровня H5 среди множесва доктайпов, которые, мне подсказали, помогут исправить ситуацию, не могу выбрать верный. есть опасение, что одно он вылечит, другоме поломает. есть ли в этом вопросе определённость, или легче сделать ручками?

    Asked by Rilo, October 8, 2008

    0 votes
    5 answers
20. !Doctype

    Скажите, пожалуйста, какой !DOCTYPE желательнее. Здесь на сайте везде применяется строгий синтаксис XHTML(в самоучителе, в рецептах), он вроде менее гибкий, но понимаемый лучше всеми браузерами. А как обстоит дело с переходным синтаксисом HTML?

    Asked by Анна, July 29, 2011

    0 votes
    4 answers
21. !doctype

    Привет форумчане, решил начать все с нуля, и задался вопросом а какой же вид doctupe' а выбрать. Каким видом пользуетесь вы и почему?

    Asked by Laroxx12, July 14, 2015

    0 votes
    3 answers
22. !doctype Html Strict добовляет отступы

    Откуда взялся этот отступ? Вот код: Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> div#box1{ width:100px; height:100px; background-color:black; border:2px solid red; margin:0px; padding:0px; } img { margin:0px; padding:0px; border:0px; } </style> </head> <body> <div><img src="leftA.jpg" alt=""></div> <div id="box1"></div> </body> </html> Вот как это выглядит: http://a10vs1.fatal.ru/test/boxes2.html Если доктип поменять на переходный, то черный квадрат прил…

    Asked by cx717, March 9, 2008

    0 votes
    4 answers
23. ?

    http://www.css-mapping.narod.ru/changelog.html/ Почему-то перестала отображаться ссылка-изображение. Ни с того, ни с сего. Находится между надписями "Special panel" и "Changelog". Что за фигня?

    Asked by Sheena, February 24, 2008

    0 votes
    6 answers
24. ?

    как мне размещать файлы на сайте

    Asked by jiper, March 24, 2008

    0 votes
    5 answers
25. ? лемент выбора количества в форме

    В форме поиска необходимо сделать элемент выбора количества. Да не просто точного количества, а чтобы можно было выбрать equals, greater (or equal), etc. Единственное, что приходит в голову - сделать селект с опциями (больше-меньше-равно) и рядом поле для ввода числа. Но выглядит, честно говоря, не очень изящно. Какие еще могут быть более юзабельные решения?

    Asked by insomnia, April 12, 2011

    0 votes
    3 answers