So jetzt habe ich es endlich geschaft diese CSS Tipps von euch umzusetzten. Habe aber jetzt leider noch zwei kleine Probleme:
1. Es wird alles untereinander angezeigt, würde aber gerne nebeneinander haben.
2. Der Start Button ist wenn ich auf einer anderen Seite sichtbar und der hover funkt auch aber sobald ich aktiv dort bin verschwindet er.
Könnt ich mir hier auch helfen, leider habe ich es noch nicht geschaft das ganze Online zu stellen aber meine derzeite Menü CSS hänge ich mal dran.
Danke noch mal euch allen.
HTML-Code:
#header .mod_navigation{width:96px;}
#header .mod_navigation ul{margin:0;padding:0;list-style-type:none;}
#header .mod_navigation li{margin:0;padding:0;}
#header .mod_navigation a,#header .mod_navigation span{height:30px;display:block;text-indent:-3000px;}
#header .mod_navigation .startseite a,#header .mod_navigation .startseite a:link,#header .mod_navigation .startseite a:visited{background:url(tl_files/layout2010/sprite.png) no-repeat;}
#header .mod_navigation .startseite a:hover,#header .mod_navigation .startseite a:focus{background:url(tl_files/layout2010/sprite.png) no-repeat 0 -30px;}
#header .mod_navigation .startseite a:active,#header .mod_navigation .starteseite span{background:url(tl_files/layout2010/sprite.png) no-repeat 0 -60px;}
#header .mod_navigation .uebermich a,#header .mod_navigation .uebermich a:link,#header .mod_navigation .uebermich a:visited{background:url(tl_files/layout2010/sprite.png) no-repeat -96px 0;}
#header .mod_navigation .uebermich a:hover,#header .mod_navigation .uebermich a:focus{background:url(tl_files/layout2010/sprite.png) no-repeat -96px -30px;}
#header .mod_navigation .uebermich a:active,#header .mod_navigation .uebermich span{background:url(tl_files/layout2010/sprite.png) no-repeat -96px -60px;}
#header .mod_navigation .projekte a,#header .mod_navigation .projekte a:link,#header .mod_navigation .projekte a:visited{background:url(tl_files/layout2010/sprite.png) no-repeat -192px 0;}
#header .mod_navigation .projekte a:hover,#header .mod_navigation .projekte a:focus{background:url(tl_files/layout2010/sprite.png) no-repeat -192px -30px;}
#header .mod_navigation .projekte a:active,#header .mod_navigation .projekte span{background:url(tl_files/layout2010/sprite.png) no-repeat -192px -60px;}
#header .mod_navigation .downloads a,#header .mod_navigation .downloads a:link,#header .mod_navigation .downloads a:visited{background:url(tl_files/layout2010/sprite.png) no-repeat -288px 0;}
#header .mod_navigation .downloads a:hover,#header .mod_navigation .downloads a:focus{background:url(tl_files/layout2010/sprite.png) no-repeat -288px -30px;}
#header .mod_navigation .downloads a:active,#header .mod_navigation .downloads span{background:url(tl_files/layout2010/sprite.png) no-repeat -288px -60px;}
Lesezeichen