Jump to content

Svet

Newbie
  • Posts

    1
  • Joined

  • Last visited

Everything posted by Svet

  1. Доброго времени суток! Помогите пожалуйста разобраться. Делаю выпадающее меню средствами CSS, работает оно прекрасно, но.... есть проблема с позиционированием. Почему-то глючит мозилка - картинка с менюшкой почему-то приклеивается к самому верху страницы и выставление отступов top и left в CSS не действуют, хотя в IE все ок. Если выставить position:absolute начинает глючить сама менюшка в IE, хотя тада все гут. Помогите пожалуйста. Код HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <LINK REL="stylesheet" TYPE="text/css" HREF="MenuTest.css"></head> <body bgcolor="#000000"> <div id="menu"> <img src="images/kolobok.gif"> <p><ul> <li><a href="#">К ПРАЗДНИКУ</a> <!--[if lte IE 6]> <a href="">К ПРАЗДНИКУ <table><tr><td> <![endif]--> <ul> <li><a href="#" title="">ДЕНЬ ЗНАНИЙ</a></li> <li><a href="#" title="">8 МАРТА</a></li> <li><a href="#" title="">ДЕНЬ РОЖДЕНИЯ</a></li> <li><a href="#" title="">РОЖДЕСТВО</a></li> <li><a href="#" title="">НОВЫЙ ГОД</a></li> <li><a href="#" title="">ХЭЛОУИН</a></li> <li><a href="#" title="">ДЕНЬ СВЯТОГО ВАЛЕНТИНА</a></li> </ul> <!--[if lte IE 6]> </td></tr></table> </a> <![endif]--> </li> </ul> </p> </div> </body> </html> И CSS: @charset "UTF-8"; /* CSS Document */ #menu{ font-family:Tahoma; width:150px; height:400px; position:relative; top:40%; left:70%; } ul{ padding:0; margin:0; list-style:none } li{ float:left; position:relative; text-align:left } ul li a{ display:block; text-decoration:none; width:200px; height:20px; text-align:left; color:#879cb4; line-height:15px; font-size:12px; font-weight:bold; } ul li ul{ display:none } ul li:hover a{ color:#ffffff; text-decoration:underline; } li:hover ul{ display:block; position:absolute; top:20px; left:40px; width:105px } li:hover ul li a{ display:block; color:#879cb4; text-decoration:none; font-weight:bold } li:hover li a:hover{ color:#ffffff; text-decoration:underline; } Это в IE А это в FF
×
×
  • 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