a:link { color: red }
/* link pseudo-class, noch nicht besuchter Link */
a:visited { color: blue }
/* link pseudo-class, schon besuchter Link */
a:hover { color: yellow }
/* dynamic pseudo-class, Benutzer 'hovert' */
a:active { color: lime }
/* dynamic pseudo-class, Link wird ausgewählt */
a:focus { color: lime }
/* dynamic pseudo-class, Element akzeptiert Eingaben */

Besten Dank für einen Hinweis.

Gruss
Patrick

sejuma

http://www.ohne-css.gehts-gar.net/0016.php

htmlvisitor

Vielen Dank Sejuma

Lustigerweise greift im css Teil "Aktuell" das Attribut "Color" nicht, das ich noch hinzugefügt habe. Die Schriftfarbe bleibt weiterhin weiss.

Besten Dank für einen Hinweis.

Gruss
Patrick

sejuma

Hast du denn auch eine andere Schriftfarbe hinterlegt?
Wenn du's wie in der Anleitung gemacht hast, dann füge mal noch einen Farbwert hinzu:

Zitat

#aktuell a
{
background-color: #f60;
color: #f00;
}

Wenn das nicht klappt, poste mal einen Link oder den entsprechenden HTML/CSS-Code.

htmlvisitor

hallo Sejuma

Ja, ich habe eine Schriftfarbe hinterlegt.
Die Schriftfarbe wird erstaunlicherweise nicht angepasst.

Hier ist der ganze Code:
(Vielen Dank für Deine Hilfe)

<!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">

<body>

<div id="navi">
<ul>
<li id="aktuell">Seite 1
[*]Seite 2
[*]Seite 3
[/list]
</div>

</body>

</html>

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ohne_Titel_1</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
<div id="navi">
<ul>
[*]Seite 1
<li id="aktuell">Seite 2
[*]Seite 3
[/list]
</div>

</body>

</html>

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ohne_Titel_1</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
<div id="navi">
<ul>
[*]Seite 1
[*]Seite 2
<li id="aktuell">Seite 3
[/list]
</div>

</body>

</html>

CSS-File:

#navi
{
width: 200px;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}

#navi ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navi a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
text-decoration: none;
}

#navi a:link, #navi a:visited
{
color: #EEEEEE;
}

#navi a:hover
{
background-color: Lime;
color: #fff;
}

#aktuell a
{
background-color: Silver;
color: #f00;
}

sejuma

So klappt's:

Zitat

#navi #aktuell a
{
background-color: Silver;
color: #f00;
}

Aber Danke für deinen Beitrag. Ich muss da meine Anleitung auch dementsprechend korrigieren.

Menu

Tags