|
|||
drop-down Menü mittig stellen
Hi, ich habe hier ein drop-down menü und wollte es gerne mittig stellen, bekomme es aber selbst nicht gebacken. müsste eigentlich sehr simpel sein. :/
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Ohne_Titel_2</title> <link href="Test1.css" rel="stylesheet" type="text/css" /> </head> <body bgcolor="#ffffff"> <style> #pcm{display:none;} ul.regierung ul{display:none} ul.regierung li:hover>ul{display:block} ul.regierung ul{position: absolute;left:-1px;top:98%;} ul.regierung ul ul{position: absolute;left:98%;top:-2px;} ul.regierung ,ul.regierung ul { margin:0px; list-style:none; padding:0px 2px 2px 0px; background-color:#2A78C3; background-repeat:repeat; border-color:#EEEEEE #AAAAAA #AAAAAA #FFFFFF; border-width:2px; border-style:groove; } ul.regierung table {border-collapse:collapse}ul.regierung { display:block; zoom:1; float: left; } ul.regierung ul{ width:282.45px; } ul.regierung li{ display:block; margin:2px 0px 0px 2px; font-size:0px; } ul.regierung a:active, ul.regierung a:focus { outline-style:none; } ul.regierung a, ul.regierung li.dis a:hover, ul.regierung li.sep a:hover { display:block; vertical-align:middle; background-color:#2A78C3; border-width:0px; border-color:; border-style:solid; text-align:left; text-decoration:none; padding:3px; _padding-left:0; font:bold 15px Verdana; color: #FFFFFF; text-decoration:none; cursor:pointer; } ul.regierung span{ overflow:hidden; } ul.regierung li { float:left; } ul.regierung ul li { float:none; } ul.regierung ul a { text-align:left; white-space:nowrap; } ul.regierung li.sep{ text-align:left; padding:0px; line-height:0; height:100%; } ul.regierung li.sep span{ float:none; padding-right:0; width:5; height:18; display:inline-block; background-color:#EEEEEE #AAAAAA #AAAAAA #FFFFFF; background-image:none;} ul.regierung ul li.sep span{ width:100; height:5; } ul.regierung li:hover{ position:relative; } ul.regierung li:hover>a{ background-color:#FAF5A4; border-style:solid; font:bold 15px Verdana; color: #091B2D; text-decoration:none; } ul.regierung li a:hover{ position:relative; background-color:#FAF5A4; border-style:solid; font:bold 15px Verdana; color: #091B2D; text-decoration:none; } ul.regierung li.dis a { color: #AAAAAA !important; } ul.regierung img {border: none;float:left;_float:none;margin-right:3px;width:16px; height:16px; } ul.regierung ul img {width:16px; height:16px; } ul.regierung img.over{display:none} ul.regierung li.dis a:hover img.over{display:none !important} ul.regierung li.dis a:hover img.def {display:inline !important} ul.regierung li:hover > a img.def {display:none} ul.regierung li:hover > a img.over {display:inline} ul.regierung a:hover img.over,ul.regierung a:hover ul img.def,ul.regierung a:hover a:hover img.over{display:inline} ul.regierung a:hover img.def,ul.regierung a:hover ul img.over,ul.regierung a:hover a:hover img.def{display:none} ul.regierung a:hover ul{display:block} ul.regierung span{ display:block; background-image:url(./images/arrv_white_1.gif); background-position:right center; background-repeat: no-repeat; padding-right:13px;} ul.regierung ul span{background-image:url(./images/arr_white_1.gif)} ul.regierung li a.regierungi0{ background-color:#2A78C3; } ul.regierung li a.regierungi0:hover{ background-color:#FAF48F; } </style> <ul class="regierung regierungm"> <li class="regierungi"><a class="regierungi" href="#">Startseite</a></li> <li class="regierungi"><a class="regierungi" href="#"><span>1. Grundlagen</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="regierungm"> <li class="regierungi0"><a class="regierungi0" href="#">1.1 Gewaltenteilung</a></li> <li class="regierungi0"><a class="regierungi0" href="#">1.2 Grundgesetz</a></li> <li class="regierungi0"><a class="regierungi0" href="#">1.3 Föderalismus</a></li> <li class="regierungi0"><a class="regierungi0" href="#">1.4 Gesetzgebungsverfahren</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> <li class="regierungi"><a class="regierungi" href="#"><span>2. Bundesregierung</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="regierungm"> <li class="regierungi0"><a class="regierungi0" href="#">2.1 Aufgaben</a></li> <li class="regierungi0"><a class="regierungi0" href="#">2.2 Bundeskanzler</a></li> <li class="regierungi0"><a class="regierungi0" href="#">2.3 Bundeskabinett</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> <li class="regierungi"><a class="regierungi" href="#"><span>3. Staatsorgane</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="regierungm"> <li class="regierungi0"><a class="regierungi0" href="#">3.1 Bundestag</a></li> <li class="regierungi0"><a class="regierungi0" href="#">3.2 Bundesrat</a></li> <li class="regierungi0"><a class="regierungi0" href="#">3.3 Bundesverfassungsgericht</a></li> <li class="regierungi0"><a class="regierungi0" href="#">3.4 Bundespräsident</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> <li class="regierungi"><a class="regierungi" href="#"><span>4. Partein</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="regierungm"> <li class="regierungi0"><a class="regierungi0" href="#">4.1 CDU</a></li> <li class="regierungi0"><a class="regierungi0" href="#">4.2 SPD</a></li> <li class="regierungi0"><a class="regierungi0" href="#">4.3 FDP</a></li> <li class="regierungi0"><a class="regierungi0" href="#">4.4 Die Linke</a></li> <li class="regierungi0"><a class="regierungi0" href="#">4.5 Bündnis90/Die Grünen</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> </ul> </body> </html> |
Sponsored Links |
|
||||
Ich finde das ganze Menü (cc-Tabellentrick) nicht simpel.
Wenn die <li>s keine definierte Breite bekommen sollen: css faq13
__________________
MfG Jens Geändert von plastiko (16.01.2010 um 01:49 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Drop down Menü bleibt aktiv nach zurück mit back button vom Firefox | gombi | CSS | 0 | 18.01.2010 15:34 |
CSS Drop Down Menü | gachet | CSS | 9 | 08.11.2009 18:36 |
Fehler mit Drop Down Menü bei Überschreitung der Container Grenzen! | webfabrik | CSS | 4 | 16.01.2007 01:29 |
Drop down Menü aus Gif Bild | Calistus | CSS | 1 | 16.10.2006 09:49 |