Rozwijane menu nie działa


(jacko1998) #1

CSS:

#menu{

   position: relative;

}


#menu > ul{

    float: right;

    padding-top: 20px;

}


#menu > ul li{

    display: inline;

    margin-right: 20px;

    font-family: 'open_sanslight';

    font-size: 20px;

}


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

    text-decoration: none;

    color: #000;

    -webkit-transition: .3s border ease;

    -moz-transition: .3s border ease;

    -ms-transition: .3s border ease;

    -o-transition: .3s border ease;


}


#menu > ul > li > a:hover, a:active{

    text-decoration: none;

    color: #000;

    border-bottom: 3px solid orange;

}


.po-menu{

   min-width: 200px;

   min-height:30px;

    border-radius: 3px;

    border: 1px solid #BBBBBB;

   position: absolute;

    top: 70px;

    left: 830px;

   opacity: 0;

    background: #efefef;

    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 1);

    -moz-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 1);

    -ms-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 1);

    -o-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 1);

    box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 1);

}


li.kursy:hover ul.po-menu{

   opacity: 1;

}

HTML:

[/code]

Chciałem, aby podmenu wyskoczyło po najechaniu na menu "Kursy"


(Terlamistrz) #2
  • 1212
  • 21212
  • 21212
    aktualnosci.png
  • Link 3.1
  • Link 3.2
  • Link 3.3
    czesci.png
  • Link 1.1
  • Link 1.2
  • Link 1.3
    [forum.png[/code]

Ja mam tak :slight_smile:

](forumkomputer.html)


(manieKMP) #3

Prócz poprawki troszkę przerobiłem (html i css został zmieniony…).

http://jsfiddle.net/q3q3J/

PS. Usuń z “#menu li ul” overflow: hidden;, jeśli chcesz, by się tak “krecha” w pod menu pokazywała.