• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

horizontale Navigation

Status
Für weitere Antworten geschlossen.
Mario348

Mario348

Neues Mitglied
Ich habe diesen Code kopiert, er funktioniert jedoch nicht, wieso?

Code: 
#header a { float:left; display:block; width:.1em; background:url("right.gif") no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#765; } #header > ul a {width:auto;}

Nun ist mir am Code aufgefallen, dass ich diesen in ein .css File speichern muss, oder?
 
Zuletzt bearbeitet von einem Moderator:
Wo hast du das denn rein kopiert? Das ganze musst du in den <head>-Teil deiner HTML Seite basteln.
Was hast du damit gemacht? Den einfach in ein Dokument kopiert und mit dem Browser geöffnet?

Gruß Corvulus
 
Den Code musste du entweder in einer CSS-Datei speichern oder in den Head-Bereich deiner HTML-Datei schreiben, zwischen diese Tags:

Code: 
<style type="text/css">
...........
</style>
 
Code: 
<html>
<head>
<style type="text/css">
#header a { float:left; display:block; width:.1em; background:url("right.gif") no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#765; }
#header > ul a {width:auto;}
</style>
</head>
<body>
</body>
</html>

Wieso funktioniert das nicht?
Stimmt das, dass "background..." der Standard - Hintergrund ist und "color" die Farbe beim Mouseover?
 
color gibt die Schriftfarbe an, hat mit Mouseover nichts zu tun.

Code: 
a:hover{color:#f00;}
gibt die Farbe beim Mouseover an.
 
HTML: 
<html>
<head>
<style type="text/css">
#header a { 
float:left; 
display:block; 
width:.1em; 
background:url("right.gif") 
no-repeat right top; 
padding:5px 15px 4px 6px; 
text-decoration:none; 
font-weight:bold; 
color:#765; 
}
#header ul a {
width:auto;
}
</style>
</head>
<body>
<div id="header"> 
<a href="#">Text</a>
<ul>
<li><a href="#">Text</a></li>
</ul>
</div>
</body>
</html>

So???
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben