HTML Coding

29,542 questions in this forum

1. псевдо-класс в классе

   Хочу оформить две разные ссылки по разному (свойства a:hover a:visited и a). Вот не знаю как. можно ли юзать псевдо-класс в классе???

   Asked by che guevara, March 8, 2011

   0 votes
   8 answers
2. Псевдо-резиновое меню

   Дизайнер озадачил, необходимо реализовать меню по максимуму соответствующее макету: Верхнее меню - при максимальном разрешении, нижнее - при минимальном. С "резиновостью" вцелом проблем нет, проблема для меня заключается в сохранении одинакового расстояния между пунктами меню. т.е. как можно заставить тянуться только блоки с разделителями, причем равнозначно! Блоки с названиями пунктов меню должны по-идее "обжимать" содержимое, визуально не добавляя отступов разделителям.

   Asked by vasiliyb, May 2, 2009

   0 votes
   7 answers
3. Псевдо-ссылка со скрытым (всплывающим) текстом

   Подскажите, как реализовать скрытый текст, доступный по клику на псевдо-ссылку. Понравилась реализация блога на Бухгалтер.Контур (не знаю тут ссылки разрешены или нет: http://www.b-kontur.ru/blog). Предпочтительно использование html + css + javascript. И самое главное, как к этому отнесутся поисковики? Не поставят ли сайт под санкции? Ведь скрытый текст - черный SEO-прием, да и по клику на комментарии (в случае контура) открывается плагиатная страница, с тем же контентом (хоть и в пределах одного сайта - но она не приветствуется поисковиками).

   Asked by B-Real, April 2, 2013

   0 votes
   1 answer
4. Псевдо...

   Всем привет! Подскажите, пожалуйста. Мне нужно через css добраться до стиля тега , размещ?ного внутри таблички с id="footer". Пишу так: p#footer { парам-парам } Не работает. Что я делаю не так? Заранее спасибо.

   Asked by Zevgma, December 30, 2007

   0 votes
   2 answers
5. Псевдоклас hover в IE 8, неправильно отображается

   Есть сайт http://eridanaudio.ru К верхнему горизонтальному меню применяется такая запись: #ict_hor a:hover { color: #0000FF; } Это синий цвет при наведении курсора мыши на ссылку. Так вот, в Firefox и Chrome все работает корректно, а в IE 8 ссылка меняется не на синий, а на белый цвет. Как подогнать под единый стандарт?

   Asked by Hleb, April 27, 2012

   0 votes
   2 answers
6. Псевдокласс :checked

   Здравствуйте, помогите пожалуйста. Есть блок типа "Аккордеон" (вертикальные вкладки). Все работает кроме класса ".accordion-arrow", этот класс подразумевает под собой стрелку которая находится рядом с заголовком одного из 3х элементов и меняется в зависимости от состояния радио-инпута. Стрелка есть, но на всех элементах она отображается как "не-активная". т.е. когда элемент чекнутый, стрелка не меняется.

   Asked by evanre, May 7, 2015

   • Псевдокласс
   • :checked
   • Аккордеон
   • Accordeon
   0 votes
   3 answers
7. Псевдокласс :focus

   почему :focus не срабатывает при клике мыше по кнопке <input type='button' />

   Asked by cyber_ua, August 19, 2012

   0 votes
   3 answers
8. псевдокласс :hover

   День добрый ! Вопрос такой: Можно ли с помощью :hover , заданного для одного элемента (например DIV-а), задать изменение стиля другого элемента ? К примеру: Наводишь курсор на Div #1, а фон меняется у Div #2, или (или координаты картинки какой-нибудь меняются, ну в общем что угодно, только с другим элементом. Спасибо

   Asked by volkoff, March 30, 2012

   0 votes
   4 answers
9. Псевдокласс :hover

   Всем добрый день! В общем, у меня при наведении на элемент списка, появляется скрытый элемент - другой список, через псевдокласс :hover, но при отводе курсора элемент естественно снова скрывается. Подскажите, пожалуйста, возможно ли через css без js реализовать так, что бы скрытый элемент не исчезал при отводе курсора. То есть показался и остался на месте, а скрылся только при наведении на другой элемент. Спасибо.

   Asked by dnnsus, January 27, 2016

   0 votes
   19 answers
10. Псевдокласс :hover и соседние элементы

    Зравствуйте. Есть два куска кода: первый <div class="class1">Text1 <div class="class2">Text2</div> </div> <style> .class2 {display:none;} .class1:hover .class2 {display:block} </style> и второй <div class="1">Text1</div> <div class="2">Text2</div> <style> .class2 {display:none;} .class1:hover .class2 {display:block} </style> Суть такова: при наведении на элемент с классом class1 элемент с классом class2 становится видимым. Так вот собственно вопрос - почему первый работает, а второй нет? Поиски по сети толком ничего не дают. У меня есть мысль, что :hover применим только по отношен…

    Asked by sazhyk, April 17, 2013

    0 votes
    4 answers
11. Псевдокласс :hover одновременно для двух элементов!

    Здравствуйте! Имеется список ссылок: HTML <ul class="roomList"> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> </ul> CSS .roomL…

    Asked by volshebnyi, September 30, 2013

    0 votes
    11 answers
12. Псевдокласс css для вкладок

    Сделал вкладки как здесь: http://www.alexilin.ru/web/tabs/ . Теперь хочу, чтобы открытая вкладка отображалась другим стилем. Вопрос: можно ли это сделать средствами css? Нет ли для этого какого-нибудь псевдокласса?

    Asked by Koroed, January 22, 2012

    0 votes
    8 answers
13. Псевдокласс hover для внутренних тегов

    Есть ли возможноть сделать так чтоб псевдокласс hover был допустим для тега <div class="parent">....</div> а свойства изменялись(допустим цвет) для другого внутреннего тега допустим для тега <div class="child">....</div> Вот как то так: /*HTML*/ <div class="parent"> <div class="child">....</div> </div> /*CSS*/ .child{color:#fff;} .parent:hover.child{color:#000;}

    Asked by Lisjann, September 7, 2012

    0 votes
    9 answers
14. Псевдоклассы

    Всех приветствую! Начал изучать HTML и сразу же возник вопрос по поводу псевдоклассов. Вот что в CSS'е: a.menu_tip1 {display:block; width:172px; height:18px; text-align:left; font-size:18pt; font-family:tahoma, arial; padding:5px 0 0 20px;} a.menu_tip1:link { text-decoration:none; color:#848484;} a.menu_tip1:visited { text-decoration:none; color:#848484;} a.menu_tip1:hover { text-shadow:0 0 1px #ff0; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;} a.menu_tip1:active { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -…

    Asked by The_Immortal, November 25, 2012

    0 votes
    5 answers
15. псевдоклассы

    Почему при наведении мышкой на ссылку, она не красится в красный цвет? <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> body{ backgound-color:#ffffff; } a{ font-family:arial, verdana, sans-serif; font-size:12px; font-weight:bold; } a:link{ color:#0000ff; text-decoration:none; } a:visited{ color:#333399; text-decoration:none; } a:active{ color:#0033ff; text-decoration:underline; } a:hover{ backgound-color:#ff0000; text-decoration:underline; } </style> </head> <body> <h1>Стили ссылок</h1> <p>В примере содержится несколько ссылок, с которыми в…

    Asked by DivMan, May 10, 2013

    0 votes
    2 answers
16. Псевдоклассы a.active + a.hover

    Здравствуйте. Помогите, пожалуйста, решить вопрос: есть меню с псевдоклассами .a.link, a.active и a.hover. Для каждого псевдокласса свои цвета текста (link чёрный, hover чёрный, active синий). Задача: сделать active при наведении (при hover т.е.) синим (т.е. просто hover ссылки должны быть чёрным, но active hover синим). Активный пункт меню: ul.sd-hmenu>li>a.active { color: #0D6EAB; } Как решить вопрос выше? Пробую перечислением: ul.sd-hmenu>li>a.active, .sd-hmenu>li>a.hover { color: #0D6EAB; } В чём ошибка?

    Asked by DarkTranquillity, December 7, 2011

    0 votes
    4 answers
17. Псевдоклассы в атрибуте style

    Возможно ли использовать псевдоклассы в атрибуте style?

    Asked by JessyStorm, January 30, 2013

    0 votes
    3 answers
18. псевдокласы и style

    Доброго... Скажите, пожалуйста, можно как-то внутри тега описать его псевдокласы ?

    Asked by klierik, November 8, 2007

    0 votes
    6 answers
19. псевдоселекторы after and before

    добрый день, прописываю следующий код .navbar-nav > li:last-child:after Вопрос можно ли так прописывать ? Хочу задать стили для последнего элемента A > after сайт http://mymoda.com.ua/- верхнее меню, у Мужчины - нет вертикальной черты и последнего элемента Дети тоже нет вертикальной черты - как эти элементам задать через псевдо-селектор стили? приложил скрин http://prntscr.com/ac7y60 Спасибо.

    Asked by mrfrunze, March 7, 2016

    • after
    • before
    0 votes
    6 answers
20. псевдостиль для картинки

    вот на той странице http://htmlbook.ru/css/hover написан такой способ установки стилей что это такое и как понимать такую последовательность?проблема, что мозилла 1.8 отображает hoover картинку (в hoover установлен фон) криво: вот так http://nhjugfbd.at.tut.by/18.jpg , т.е. фон не по всей плоскости картинки, а только нижняя часть. при этом замещающий текст, если картинка отсутствет, при наведении исчезает за белым фоном. а если картинка смещена вверх (margin-botoom, то hoover-тень за ней не смещается, а светится такой же фигнёй: полоска снизу от фона и выше белое. можно ли установить отдельный hoover стиль для картинки? как его задать? и можно ли устанавливать hoover сти…

    Asked by Rilo, March 18, 2011

    0 votes
    14 answers
21. Псевдоуголки динамических размеров

    Возможно ли сделать уголки этого элемента не фиксированного размера в пикселях. а относительного, н-р в процентах? Уголки делаю через псевдоэлементы из border.

    Asked by Zverushka, October 25, 2013

    0 votes
    7 answers
22. Псевдоэлемент :after

    Здравствуйте. Возник один вопрос: можно ли сделать через один див подобное c использованием псевдоэлементов :before или :after? Код можно править тут -- Дополнение: получается изначально диву задана ширина в 100%, после чего его ширина изменяется до 100рх и центрируется по центру.

    Asked by Temiks, August 28, 2014

    0 votes
    15 answers
23. Псевдоэлемент :before и z-index в ie8

    #main { background-color: #fff; border-radius: 15px; border: 1px solid #d5d5d5; display: block; height: 1000px; margin-top: 7px; position: relative; width: 948px;}#main:before { content: url(../images/top-shadow.png); display: block; position: absolute; top: -10px; z-index: -1;}<div id="main"></div> Здравствуйте. Подскажите пожалуйста, как заставить работать z-index в псевдоэменте ( :before ) для браузера ie8. Основная задача заключается в том, что нужно поместить подложку ( в данном случаи тень овальной формы ) под основной элемент ( #main ). В "нормальных" браузерах данный код работает. В ie8 подложка "выезжает" на передний план.

    Asked by poseidon, November 16, 2015

    • html css z-index :before
    0 votes
    2 answers
24. псевдоэлемент :hover

    Здравствуйте. Подскажите пожалуйста, есть ли возможность применить псевдоэлемент :hover встроенным способом.

    Asked by webded, January 26, 2014

    0 votes
    8 answers
25. Псевдоэлемент под родителем - возможно?

    https://jsfiddle.net/a8s1yxeq/ хочу сделать угол у переключателей с тенью, но псевдоэлемент получается над основным и тень видно слева. А запихнуть ниже не удается. Это возможно?

    Asked by d0ublezer0, March 4, 2020

    0 votes
    6 answers