Jump to content

andrey_94

Newbie
  • Posts

    16
  • Joined

  • Last visited

Everything posted by andrey_94

  1. Такая вот проблема. Применяю стиль к ссылке. ссылка в нормальном состоянии работает нормально, при наведении на нее не происходит того что должно происходить, а именно должно убираться подчеркивание. Вот код. 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; }
  2. Там по английски написано , ничего не понятно
  3. Спасибо... А есть у кого-то готовый ява код....?
  4. Как заставить ie работать псевдокласс li:hover?
  5. Проблема такая... Выпадающие меню криво отображается в 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>
  6. Гляньте пожалуйста код. <!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> Собственно хочу сделать картинку бекграундом а поверх нее написать ссылку... Пытаюсь применить к ссылке класс, он не применяется, что делать? Спасибо
  7. не, не работает. На пункт меню навожу открывается список, убираю курсор список не убирается
  8. Спасибо, работает... только как мне правильно прописать в коде еще onemouseout?
  9. Спасибо А можно сделать чтобы при наведении меню открывалось а не при клике?
  10. Я хотел так сделать..... но мне нужно использовать одни картинки
  11. Так я его серьезно просил ... меню на картинках нету
  12. Здравствуйте! Подскажите пожалуйста. Как можно сделать горизонтальное выпадающие меню на картинках? Заранее спасибо
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy