|
|||
Link-Adresse wird nicht angezeigt
Hi,
ich hoffe ihr könnt mir weiterhelfen: mein html-code Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>NET</title> <link href="css/mh.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <h1>NE</h1> <div id="nav"> <ul> <li><a href="ueberuns.php">Home</a></li> <li><a href="leistung.php">Leistungen</a></li> <li><a href="support.php">Support</a></li> </ul> </div> </div> </body> </html> Code:
html { height: 100.3%; } body { font-family: Verdana, sans-serif; font-size:0.8em; background:#eeeeee; } * { margin: 0; padding: 0; } div#wrapper { width: 910px; margin:15px auto; } h1 { background: url(../images/logo.gif) no-repeat; height:172px; text-indent: -999em; } div#nav { background: url(../images/nav_bg.gif) repeat-x; width:900px; height:40px; margin-left:6px; line-height:40px; } div#nav ul { list-style-type:none; } div#nav li { display: inline; margin-right: 100px; margin-left:20px; } div#nav a { display:block; text-decoration: none; font-size:1.2em; color:#ffffff; } Kann mir jemand den Fehler sagen? Ich finde ihn nicht! hier die seite: http://mh.netcn.de/ |
Sponsored Links |
|
|||
ich habe folgendes definiert:
Code:
div#nav li.a { display:block; text-decoration: none; font-size:1.2em; color:#ffffff; } NETCN - Computer und Netzwerktechnik |
|
|||
ok, das habe ich verstanden. Jedoch werden mit der Definition
Code:
div#nav li a { display:block; text-decoration: none; font-size:1.2em; color:#ffffff; } |
|
|||
eins ist mir noch nicht ganz klar. Selbst wenn ich den Code-Teil:
Code:
div#nav ul { list-style-type:disc; } Kann mir jemand sagen warum? Kompletter CSS-Code: Code:
html { height: 100.3%; } body { font-family: Verdana, sans-serif; font-size:0.8em; background:#eeeeee; } * { margin: 0; padding: 0; } div#wrapper { width: 910px; margin:15px auto; } h1 { background: url(../images/logo.gif) no-repeat; height:175px; text-indent: -999em; } div#nav { background: url(../images/nav_bg.gif) repeat-x; width:900px; height:40px; margin-left:6px; line-height:40px; } div#nav ul { list-style-type:disc; } div#nav li { display: inline; margin-right: 100px; float:left; margin-left:20px; } div#nav li a { display:block; text-decoration: none; font-size:1.2em; color:#ffffff; } |
|
|||
Zitat:
Wenn du inline entfernst wirst du in den meisten Browsern außer IE < 8 die Marker sehen. Bei einer horizontalen Liste funktionieren browserübergreifend nur Hintergrundbilder. [Dies ist einer der Fälle, in denen der Bugfix für den doubled float-margin Bug nicht ohne Auswirkungen in anderen Browsern bleibt. Ein Grund mehr, solche Sonderbehandlungen immer zu separieren.]
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Definitionsliste in einer Floatumgebung | *pi | CSS | 11 | 07.01.2009 18:34 |
Hintergrundbild bei mehrzeiligen Links | Offshore | CSS | 4 | 19.12.2008 14:00 |
CSS Navigationsproblem | thesecretboy | CSS | 0 | 12.04.2007 08:12 |
BG im link wird bei FF nicht korrekt angezeigt | emil | CSS | 4 | 08.02.2006 14:55 |
Link markieren bei Auswahl | Anonymous | CSS | 2 | 17.06.2003 14:32 |