andrey_94
Newbie-
Posts
16 -
Joined
-
Last visited
andrey_94's Achievements
Explorer (1/14)
0
Reputation
-
У меня сайт на localhost
-
Такая вот проблема. Применяю стиль к ссылке. ссылка в нормальном состоянии работает нормально, при наведении на нее не происходит того что должно происходить, а именно должно убираться подчеркивание. Вот код. a.news:link { font-family:tahoma; font-size:14px; color:#666666; text-decoration:underline; } a.news:hover{ font-family:tahoma; font-size:14px; color:#666666; text-decoration: none; }
-
Как заставить ie работать псевдокласс li:hover?
andrey_94 replied to andrey_94's question in HTML Coding
Там по английски написано , ничего не понятно -
Как заставить ie работать псевдокласс li:hover?
andrey_94 replied to andrey_94's question in HTML Coding
Спасибо... А есть у кого-то готовый ява код....? -
Как заставить ie работать псевдокласс li:hover?
-
ответьте пожалуйста
-
Проблема такая... Выпадающие меню криво отображается в ie, во всех браузерах нормально а в ie какойто косяк. Помогите пожалуйста? Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> </head> <style type="text/css"> .thisMenu div {float: left; padding:0px;font:arial 14px #fff} .thisMenu div div {clear: both;float: none;} .thisSubMenu {display: none; margin:0px; margin-top:15px; margin-left:5px; width:126px; height:276px} .backmenu{ background:url(1.gif) no-repeat; width: 103px; height:45px} .backmenu:hover{ background:url(10.gif) no-repeat; width: 103px; height:45px} .backmenu1{ background:url(2.gif) no-repeat; width: 68px; height:45px} .backmenu1:hover{ background:url(20.gif) no-repeat; width: 68px; height:45px} .backmenu2{ background:url(3.gif) no-repeat; width:184px; height:45px} .backmenu2:hover{ background:url(30.gif) no-repeat; width:184px; height:45px} .backmenu3{ background:url(4.gif) no-repeat; width:90px; height:45px} .backmenu3:hover{ background:url(40.gif) no-repeat; width:90px; height:45px} .backmenu4{ background:url(5.gif) no-repeat; width:96px; height:45px} .backmenu4:hover{ background:url(50.gif) no-repeat; width:96px; height:45px} .link{ font-family:arial; font-size:14px; color:#FFF; margin-left:18px; text-decoration:none} .link1{ font-family:arial; font-size:14px; color:#FFF; margin-left:13px; text-decoration:none} .link2{ font-family:arial; font-size:14px; color:#FFF; margin-left:14px; text-decoration:none} .link3{ font-family:arial; font-size:14px; color:#FFF; margin-left:15px; text-decoration:none} .linksubmenu{ font-family:arial; font-size:12px; color:#FFF; text-decoration:none;} </style> <body> <div class="thisMenu"> <div class="backmenu"> <li style="margin-top:11px; list-style-type:none;"><a href="#" class="link">О компании</a></li> </div> <div onmouseover="this.getElementsByTagName('div')[0].style.display='block'" onmouseout="this.getElementsByTagName('div')[0].style.display='none'" class="backmenu1"> <li style="margin-top:11px; list-style-type:none"><a href="#" class="link1">Услуги</a></li> <div class="thisSubMenu"> <div onMouseOver="this.style.background='#92d016'" onMouseOut="this.style.background='#006b2a'" style="display:block; background:#006b2a; font-family:arial; color:#FFF; font-size:12px; width:128px; height:36px; border-bottom:1px dotted #fff"> <li style="padding-top:10px; margin-left:8px; list-style-type: none;"><a href="#" class="linksubmenu">Аренда квартир</a></li> </div> <div onMouseOver="this.style.background='#92d016'" onMouseOut="this.style.background='#006b2a'" style="display:block; background:#006b2a; font-family:arial; color:#FFF; font-size:12px; width:128px; height:36px; border-bottom:1px dotted #fff"> <li style="padding-top:10px; margin-left:8px; list-style-type: none;"><a href="#" class="linksubmenu">Аренда жилья</a></li> </div> <div onMouseOver="this.style.background='#92d016'" onMouseOut="this.style.background='#006b2a'" style="display:block; background:#006b2a; font-family:arial; color:#FFF; font-size:12px; width:128px; height:36px; border-bottom:1px dotted #fff; padding-bottom:10px;"> <li style="padding-top:8px; margin-left:8px; list-style-type: none;"><a href="#" class="linksubmenu">Коммерческая недвижимость</a></li> </div> <div onMouseOver="this.style.background='#92d016'" onMouseOut="this.style.background='#006b2a'" style="display:block; background:#006b2a; font-family:arial; color:#FFF; font-size:12px; width:128px; height:36px; border-bottom:1px dotted #fff; padding-bottom:10px;"> <li style="padding-top:8px; margin-left:8px; list-style-type: none;"><a href="#" class="linksubmenu">Загородная недвижимость</a></li> </div> <div onMouseOver="this.style.background='#92d016'" onMouseOut="this.style.background='#006b2a'" style="display:block; background:#006b2a; font-family:arial; color:#FFF; font-size:12px; width:128px; height:36px; border-bottom:1px dotted #fff; padding-bottom:10px;"> <li style="padding-top:8px; margin-left:8px; list-style-type: none;"><a href="#" class="linksubmenu">Зарубежная недвижимость</a></li> </div> <div onMouseOver="this.style.background='#92d016'" onMouseOut="this.style.background='#006b2a'" style="display:block; background:#006b2a; font-family:arial; color:#FFF; font-size:12px; width:128px; height:36px; border-bottom:1px dotted #fff; padding-bottom:10px;"> <li style="padding-top:8px; margin-left:8px; list-style-type: none;"><a href="#" class="linksubmenu">Юридические <br />услуги</a></li> </div> <div onMouseOver="this.style.background='#92d016'" onMouseOut="this.style.background='#006b2a'" style="display:block; background:#006b2a; font-family:arial; color:#FFF; font-size:12px; width:128px; height:36px; border-bottom:1px dotted #fff; padding-bottom:0px;"> <li style="padding-top:8px; margin-left:8px; list-style-type: none;"><a href="#" class="linksubmenu">Оценка квартир</a></li> </div> </div> </div> <div class="backmenu2"> <li style="margin-top:11px;list-style-type:none;"> <a href="#" class="link1">Полезная информация</a></li> </div> <div class="backmenu3"> <li style="margin-top:11px;list-style-type:none;"><a href="#" class="link2">Вакансии</a></li> </div> <div class="backmenu4"> <li style="margin-top:11px;list-style-type:none;"><a href="#" class="link3">Контакты</a></li> </div> </div> </body> </html>
-
Гляньте пожалуйста код. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> </head> <style type="text/css"> .thisMenu div {float: left; padding:0px;font:arial 14px #fff} .thisMenu div div {clear: both;float: none;} .thisSubMenu {display: none; margin:0px} .backmenu{ background:url(1.gif) no-repeat; width:103px; height:45px} .link{ font:arial 14px #fff} </style> <body> <div class="thisMenu"> <div onmouseover="this.getElementsByTagName('div')[0].style.display='block'" onmouseout="this.getElementsByTagName('div')[0].style.display='none'" class="backmenu"> <a href="#" class="link">О компании</a> <div class="thisSubMenu"> <div>Маша</div> <div>Света</div> <div>Марина</div> </div> </div> <div>услуги</div> </div> </body> </html> Собственно хочу сделать картинку бекграундом а поверх нее написать ссылку... Пытаюсь применить к ссылке класс, он не применяется, что делать? Спасибо
-
Какая?
-
не, не работает. На пункт меню навожу открывается список, убираю курсор список не убирается
-
Спасибо, работает... только как мне правильно прописать в коде еще onemouseout?
-
Спасибо А можно сделать чтобы при наведении меню открывалось а не при клике?
-
Я хотел так сделать..... но мне нужно использовать одни картинки
-
Так я его серьезно просил ... меню на картинках нету