|
|||
Div Center?
Hallo
ich würde gerne mein menü div zentrieren float center gibt es ja nicht habe schon so einiges ausprobiert leider alles ohne erfolg :/ wie stelle ich das an ? esclavo IT-Consulting Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <link rel="stylesheet" href="menu.css" type="text/css" media="screen" /> </head> <body> <div id="wrap"> <div id="header"></div> <div align="center"> <ul class="menu"> <li> <a href="#nogo"> <b><span>Unternehmen</span></b><em></em> </a> </li> <li> <a href="#nogo"> <b><span>News</span></b><em></em> </a> </li> <li> <a href="#nogo"> <b><span>Leistungen</span></b><em></em> </a> </li> <li> <a href="#nogo"> <b><span>Angebote</span></b><em></em> </a> </li> <li> <a href="#nogo"> <b><span>Shop</span></b><em></em> </a> </li> <li> <a href="#nogo"> <b><span>Forum</span></b><em></em> </a> </li> <li> <a href="#nogo"> <b><span>Kontakt</span></b><em></em> </a> </li> </ul> </div> <div id="top"> <div id="logo"></div> <div id="search"></div> </div> Code:
/* MENU Start */ .menu { padding:0; margin:0; list-style-type:none; white-space:nowrap; } .menu li { float:left; min-width:100px; } .menu a { position:relative; display:block; text-decoration:none; min-width:100px; float:left; } * html .menu a { width:100px; } .menu a span { display:block; color:#000; background:#838281; border:1px solid #fff; border-width:2px 1px; text-align:center; padding:4px 16px; cursor:crosshair; } * html .menu a span { width:100px; cursor:crosshair; wid\th:66px; } .menu a b { display:block; border-bottom:2px solid #da2337; } .menu a em { display:none; } .menu a:hover { background:#fff; } .menu a:hover span { color:#fff; background:#da2337; } .menu a:hover em { display:block; overflow:hidden; border:6px solid #da2337; border-color:#da2337 #838281; border-width:6px 6px 0 6px; position:absolute; left:50%; margin-left:-6px; } /* MENU End */ Geändert von MoR4euZ (09.09.2007 um 23:13 Uhr) |
Sponsored Links |
|
||||
Hm,
bevor du dich an solchen "Kleinigkeiten" aufhängst solltest du erst mal deinen Code einigermaßen valide kriegen: Zitat:
Gerade bei einem IT-Unternehmen sollte das Markup (wenigstens einigermaßen) valide sein! Ein kleines Trostpflaster: dein CSS scheint fehlerfrei zu sein: W3C CSS Validator results for http://www.esclavo.net/
__________________
Gruss Dieter Vegetarier essen meinem Essen das Essen weg. Und unsere Norweger sind reine Karnivoren. selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 20:29 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
CSS Text nebeinander? | carstiee09 | CSS | 13 | 13.11.2009 20:18 |