CSS rozwijane menu - gdzie jest błąd?


(Mzale) #1

Witam.

Od kilku dni walczę z menu, które próbuję zrobić na stronie www.pr-april.com. Chodzi dokładnie o rozwijane menu - po najechaniu na element Events pojawiają się dwie kolejne podstrony ale elementy te ułożone są poziomo obok siebie, a chciałbym żeby ułożone były pionowo, jeden pd drugim. Proszę o pomoc jak to zrobić, gdzie jest błąd.

Poniżej dołączam kod styli css.

Marcin.

menu{

background-image:url(images/bg-menu.jpg);

background-repeat:no-repeat;

background-color:#000;

height:35px;

}

menu ul{

list-style-type:none;

margin:0 0 0 12px;

padding:0;

display:block;

menu li{

display:block;

}

menu li a{

padding: 9px 15px 9px 15px;

display: block;

float: left;

color: #fff;

text-transform: lowercase;

font-size: 12px;

}

menu li a:hover{

background-image:url(images/bg-menu-over.jpg);

background-repeat:repeat-x;

color:#fff;

}

menu .current_page_item a{

background-image:url(images/bg-menu-over.jpg);

background-repeat:repeat-x;

color:#fff;

}

/* Sub-menus */

menu li ul li a, #menu li ul li a:visited {

background-color:#3d6d3d;

background-repeat:repeat-x;

width: 100px;

text-align: left;

display: block;

text-decoration: none;

color: #fff;

margin: 35px 0 0 0;

}

menu li ul li a:hover, #menu li ul li a:visited:hover {

color: #fff;

text-decoration: none;

}

menu li ul {position: absolute; visibility: hidden; list-style: none;}

menu li:hover ul, #menu li.hover ul {visibility: visible;}

menu li:hover ul ul, #menu li.hover ul ul {visibility: visible;}

menu li li:hover ul, #menu li li.hover ul {visibility: visible;}

menu li li:hover ul ul, #menu li li.hover ul ul {visibility: hidden;}

menu li li li:hover ul, #menu li li li.hover ul {visibility: visible;}

menu li {float: left;}

menu li ul li {float: left;}


(Grzelix) #2

Ja znalazłem błąd w 71 linii w pliku css:

#menu ul li:hover ul {display:block; position:absolute; top:36px; left:0; width:105px;}

zwiększając wartość parametru width np do 300px drugie menu jest też poziome tak jak pierwsze