Problem mit dem Menü [erledigt]
Hallo zusammen,
ich habe ein Problem, das ich zum verrecken nicht gelöst bekomme und hoffe, dass sich jemand hier findet der mir behilflich sein kann und möchte.
Ich habe mir ein Rollover-Menü gebastelt.
Hier das CSS dazu
Code:
#buttons { width:585px; height:18px; margin:0 auto; padding:0; position:relative; list-style-type:none; background:url(../../img/de/standart/buttons.jpg);}
#buttons li { display:block; height:18px; position:absolute; top:0; overflow:hidden; }
#buttons li#but01 { left:0; width:122px; }
#buttons li#but02 { left:122px; width:101px; }
#buttons li#but03 { left:223px; width:68px; }
#buttons li#but04 { left:291px; width:105px; }
#buttons li#but05 { left:396px; width:80px; }
#buttons li#but06 { left:476px; width:109px; }
a:visited { color:#000; }
#buttons li a, #buttons li a:visited { position:absolute; height:18px; background: url(../../img/de/standart/buttons.jpg); text-indent: -100em; overflow:hidden; }
#buttons li#but01 a, #buttons li#but01 a:visited { background-position:0 0; width:122px; }
#buttons li#but02 a, #buttons li#but02 a:visited { background-position:-122px 0; width:101px; }
#buttons li#but03 a, #buttons li#but03 a:visited { background-position:-223px 0; width:68px; }
#buttons li#but04 a, #buttons li#but04 a:visited { background-position:-291px 0; width:105px; }
#buttons li#but05 a, #buttons li#but05 a:visited { background-position:-396px 0; width:80px;}
#buttons li#but06 a, #buttons li#but06 a:visited { background-position:-476px 0; width:109px;}
#buttons li a:hover, #buttons li a:focus { padding:0; top:0; height:18px; }
#buttons li#but01 a:hover, #buttons li#but01 a:focus { background-position:0 -18px;}
#buttons li#but02 a:hover, #buttons li#but02 a:focus { background-position:-122px -18px;}
#buttons li#but03 a:hover, #buttons li#but03 a:focus { background-position:-223px -18px; }
#buttons li#but04 a:hover, #buttons li#but04 a:focus { background-position:-291px -18px; }
#buttons li#but05 a:hover, #buttons li#but05 a:focus { background-position:-396px -18px; }
#buttons li#but06 a:hover, #buttons li#but06 a:focus { background-position:-476px -18px; }
Und dieses Menü funktioniert auch, solange ich es nicht im head-Bereich ablege sondern im content-Bereich (da soll es nur leider nicht hin).
Im Head funktioniert weder das Rollover, noch die Links.
Wenn jemand einen schlauen Gedanken hat, wo ich mir der Suche anfangen muss,
Bitte her damit
Danke
Julian
meine Seite
mein CSS
|