socialo.pl

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Marcosss
Nowy
Nowy
Posty: 67
Rejestracja: sob kwie 12, 2008 5:45 am

socialo.pl

Post autor: Marcosss »

Witam!

W CSS jestem raczej początkujący, więc proszę o pomoc w wyjaśnieniu działania menu w górnym, lewym rogu http://nowe.socialo.pl
Chodzi mi o efekt rollover elementów menu...

Pytam z ciekawości.

PS: to nie JS
ooo_michal
Przelotem
Przelotem
Posty: 245
Rejestracja: śr kwie 18, 2007 9:06 am

Re: socialo.pl

Post autor: ooo_michal »

W pliku http://nowe.socialo.pl/style.css odszukaj sobie fragment

Kod: Zaznacz cały

       /* podmenu*/

        #menu ul { padding:0px; margin:0px; display:block; display:inline;}
        #menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px; width:150px; line-height:16px; background-color:#172322; color:#0395CC; /* for IE */ display:none; }
        #menu li:hover ul { display:block;}
        #menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px;  border-top: dotted 1px #606060; list-style-type:none; }
        #menu li ul li:first-child { border-top: none; }
        #menu li ul li a { display:block; color:#fff; }
        #menu li ul li a:hover { color:#fff; text-decoration: underline;}
        /* górne podmenu */
ODPOWIEDZ