kod css Opcje

[fraksipon]

Witam , Prosze odpowiedzcie mi na pare pytan
1) Dlaczego w 9 linijce kodu jest dwa razy #menu i jak css to czyta.
2) Dlaczego w 8 linijce opera czyta gif a IE nie
3) Dlaczego w 18-29 linijce jest DIV na poczatku

Dzieki serdeczne

Kod

#menu {float:left;width:190px;padding-left:0px;}
#menu ul {list-style: none;padding: 0;margin:0px 0;}
#menu a{ height:1%;text-decoration:none;display:block;padding:6px 20px;color:#004585;background:url('smenu_ar.gif') no-repeat 170px 50px;}
#menu ul a:hover{background-color:#004585;color:#ffffff;}
#menu ul a.active{background-color:#004585;color:#ffffff;}
#menu ul a:focus{background-color:#004585;color:#ffffff;}
#menu a.sub:hover {background:#004585 url('smenu_ar.gif') no-repeat 170px 50%;}
#menu ul ul a,#menu ul ul a.sub{background:#0a5799;color:#ffffff;}
#menu ul ul a:hover,#menu ul ul a.sub:hover{background-color:#004076;color:#ffffff;}
#menu ul ul li {border-bottom:1px solid #3875a8;}
#menu ul ul ul a,#menu ul ul ul a.sub{background:#004076;color:#ffffff;}
#menu ul ul ul li {border-bottom:1px solid #115893;}
#menu ul ul ul a:hover,#menu ul ul ul a.sub:hover{background-color:#00305a;color:#ffffff;}
#menu a.sub{background:transparent url('smenu_ar.gif') no-repeat 170px 50%;}
#menu li {position: relative;border-bottom:1px solid #EFF2F2;padding:0;margin:0px;}
#menu ul ul {position: absolute;top: 0;left: 100%;width: 100%;}
div#menu ul ul,
div#menu ul ul ul,
div#menu ul ul ul ul,
div#menu ul li:hover ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul,
div#menu ul ul li:hover ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

Ten post edytował revyag 19.04.2007, 11:37:47

[joshrob]

witam,

ad 1) http://www.w3.org/TR/REC-CSS2/selector.html#grouping
ad 2) dla IE (6?) tag <a> staje sie pelnoprawnym tagiem <a> dopiero kiedy ma atrybut href
ad 3) http://www.w3.org/TR/REC-CSS2/selector.html#q1

pozdrawiam,

[fraksipon]

IE 7, wiec gdzie mam dac to href moglbys wkleic cala linijke ?

[joshrob]

gdzie? w tag <a>?
tu znajdziesz wszystko, czego potrzebujesz: http://www.w3.org/TR/html401/struct/links.html#h-12.1.3

pozdrawiam,

[fraksipon]

gdzie? w tag <a>?
tu znajdziesz wszystko, czego potrzebujesz: http://www.w3.org/TR/html401/struct/links.html#h-12.1.3

pozdrawiam,

Patrzylem na ta strone ale dalej nie moge sie uporac z ta linijka css np:

Kod

#menu a.sub{background:transparent url('smenu_ar.gif') no-repeat 170px 50%;}

Di ktorej odnosi sie plik html

[HTML] pobierz, plaintext 
...
<a class="sub"  href="http:www.wpl.pl"><span>stronka</span>
[HTML] pobierz, plaintext 

[revyag]

@fraksipon: używaj poprawnego bbcode, do css [CODE]. Tym razem poprawiam Ci.

Co do pytania:

- klasa .sub ma przeźroczysty kolor tła, jako obrazek tła jest ustawiony 'smenu_ar.gif', który nie powtarza się, pozycja tła jest ustawiona na 170px od góry i 50% od lewej