Hallo,

bin grad dabei mit CSS ne Homwepage zu erstellen.

Hab da jetzt mal noch ne Frage dazu.

Ist es möglich, wenn ich einen Block definiere, darin

dann auch gleichzeitig die Links zu formatieren?

So wie ich es versucht habe funktioniert es leider nicht.

#menu

{

A:link { background:#006699; color:white; }

A:visited { background:#006699; color:white; }

A:active {color: #FF0000; text-decoration:none }

A:hover {background:black; color:#0099CC; font-weight:bold }

}

[code]

Hoffe es kann mir jemand helfen.

Gruß

TripleD

Ist es möglich, wenn ich einen Block definiere, darin

dann auch gleichzeitig die Links zu formatieren?

meinst du sowas?

Sie können mit Hilfe von Style-Sheets jedoch bestimmen, dass ein HTML-Element bestimmte Eigenschaften nur dann hat, wenn es innerhalb eines bestimmten anderen HTML-Elements vorkommt.

http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente

Vielleicht kannst du das anpassen und dein Menu in ein <div> setzen oder vielleicht ein <div name="name">

Danke erstmal für deine Hilfe,

aber es ist nicht wirklich das was ich suche.

Mir geht es um die Links.

Ich kann die Links in CSS nicht in {} schreiben.

Ich hab dafür auch noch keine Lösung gefunden.

Das Menü besteht ja auch nur aus Links.

TripleD

aber es ist nicht wirklich das was ich suche.

Mir geht es um die Links.

also das hab ich mir jetzt nur aus der SelfHTML Seite zusammengesucht:

<style type="text/css">

<!--


div[name=menu] a:visited { color:#EEAAAA; text-decoration:none; font-weight:bold; }

div[name=menu] a:link { color:#EE0000; text-decoration:none; font-weight:bold; }


-->

</style>


[...]


<div name="menu">

<hier dein menü>

</div>

wie gesagt nicht probiert, aber ich denke mir das könnte so gehen...

Hab es grad ausprobiert,

aber leider funktioniert das nicht.

Egal, dann versuch ich es halt irgendwie anders.

Aber nochmal danke für deine Hilfe

TripleD

also das hab ich mir jetzt nur aus der SelfHTML Seite zusammengesucht:

<style type="text/css">

<!--


div[name=menu] a:visited { color:#EEAAAA; text-decoration:none; font-weight:bold; }

div[name=menu] a:link { color:#EE0000; text-decoration:none; font-weight:bold; }


-->

</style>


[...]


<div name="menu">

<hier dein menü>

</div>

wie gesagt nicht probiert, aber ich denke mir das könnte so gehen...

das funzt nur bei NETSCAPE! versuch das ma:

#menu A:link { background:#006699; color:white; }


#menu A:visited { background:#006699; color:white; }


#menu A:active {color: #FF0000; text-decoration:none }


#menu A:hover {background:black; color:#0099CC; font-weight:bold }

Danke für eure Hilfe,

hab das ganze jetzt folgendermaßen gelöst.

Hab für jede Datei ne eigene CSS-Datei.