Jump to content

aNt1

Newbie
  • Posts

    4
  • Joined

  • Last visited

Everything posted by aNt1

  1. aNt1

    CSS меню

    оно стало отображаться но не открывает подменю
  2. aNt1

    CSS меню

    На сайте есть CSS меню, многоуровневое, выпадающее, в IE 7, Opera 9.6, Firefox 3 отображается идеально, а в IE 6.0 пустое место вместо меню, может подскажите в чём дело? body{ font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; } #nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; margin-left:20px; text-align:center; z-index:5; } #nav a{ display:block; width:111px; height:67px; padding:0px 5px; border-bottom:1px solid #333; border-right:1px solid #333; color:#333; text-decoration:none; background-color:#b2afab; text-align:center; vertical-align:baseline; background-image:url(/imgA/mn.gif); background-repeat:no-repeat; background-position:50% 40%; text-transform:uppercase; line-height:100px; z-index:1; } #nav a:hover{ background-color:#333; color:#fff; } #nav li{ float:left; position:relative; } #nav ul { font-size:11px; left:-20px; position:absolute; display:none; width:140px; top:68px; z-index:4; } #nav li ul a{ width:140px; height:auto; float:left; border-bottom:1px solid #666; border-right:1px solid #666; text-align:left; background-image:url(/down.gif); text-transform:none; line-height:normal; padding: 0px 5px 10px; } #nav ul ul{ top:auto; } #nav li ul ul { left:131px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; }
  3. aNt1

    css menu

    Вот, есть CSS выпадающее меню } #nav li ul { display: none; } #nav a { text-transform:uppercase; font-size:14px; text-align:center; background-image:url(/imgA/mn.gif); color: #fff; text-decoration: none; display: block; width: 102px; padding:10px; background: #515151; } #nav a:hover { color: #000; background: #ccc; } #nav li:hover { background: #515151; } #nav li ul { display: none; } #nav li ul { display: none; position: absolute; background: url(fone-tr.png); padding: 8px 0; width: 200px; } #nav li li a { width: 300px; background: none; } #nav li:hover ul { display: block; padding:0; } #nav li:hover li ul { display: none; width: 138px; top: -9px; left: 300px; } #nav li:hover li:hover ul { display: block; } Хелпаните кто-нить, подскажите как сделать чтобы выпадающие блоки были шириной 300 с отступом чтобы друг друга не перекрывать и выпадающие блоки были поверх блоков сайта.
  4. aNt1

    CSS menu

    Вот, есть CSS выпадающее меню } #nav li ul { display: none; } #nav a { text-transform:uppercase; font-size:14px; text-align:center; background-image:url(/imgA/mn.gif); color: #fff; text-decoration: none; display: block; width: 102px; padding:10px; background: #515151; } #nav a:hover { color: #000; background: #ccc; } #nav li:hover { background: #515151; } #nav li ul { display: none; } #nav li ul { display: none; position: absolute; background: url(fone-tr.png); padding: 8px 0; width: 200px; } #nav li li a { width: 300px; background: none; } #nav li:hover ul { display: block; padding:0; } #nav li:hover li ul { display: none; width: 138px; top: -9px; left: 300px; } #nav li:hover li:hover ul { display: block; } Хелпаните кто-нить, подскажите как сделать чтобы выпадающие блоки были шириной 300 с отступом чтобы друг друга не перекрывать и выпадающие блоки были поверх блоков сайта. Заранее спасиб.
×
×
  • 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