linkfarbe ??

kornyclown · 18.02.2009

ich habe oben im body die link- und vlinkfarbe auf orange definiert. weit weg vom body, viel weiter unten, habe ich in einem div container mittels css einen rotton für diese attribute definiert und natürlich...was passiert...die farbe der im body definierten attribute ändert sich mit.
ich mach die frage kurz:
warum?

serverhombre · 18.02.2009

AW: linkfarbe ??

Hallo,

bisschen Code bitte ?
Das Dateisystem meiner Glaskugel wird grad in ext3 formatiert. :rolleyes:

Gackoo_duz · 18.02.2009

AW: linkfarbe ??

Ein Wort... Selektionsanweisung als zusammenhängende Anweisung

#meinDiv a:link {background-color:ff0000;

kornyclown · 18.02.2009

AW: linkfarbe ??

<body background="pics/4h4hintergrund.jpg" text="#000000" link="#FF9900" vlink="#FF9900">

<div id="menu">
<div>
<a href="home.html">Home</a><br /><br />
<a href="gallerie.html">Gallerie</a><br /><br />
<a href="ware.html">Warenangebot</a><br /><br />
<a href="entstehung.html">Entstehung</a><br /><br />
<a href="kontakt.html">Kontakt</a></div>
</div>

...

...

<div id="weiter"><style type="text/css">
#weiter {
margin: 0px 0px 0px 700px;}
a:link {
color:#EE0000;
text-decoration: none
}
a:visited {
color:#EE0000;
text-decoration: none
}
</style><a href="entstehung2.html">weiter>>></a></div>

so dieser "weiter" link soll rot sein, wärend die anderen links (home, gallerie, ware...etc.) orange bleiben sollen. sie sind durch div container getrennt, demzufolge dürften änderungen doch nicht übergreifen oder?

serverhombre · 18.02.2009

AW: linkfarbe ??

so wenn schon css dann bitte alles in css formatieren und nicht im body vlink link usw. :hmpf:

css:

Code:

#menu {
margin:0;
padding:0;
}

#menu li {
margin:1em 0;
}

#menu a:link, #menu a:visited { text-decoration:none; font-weight:bold; color:#f80; }
#menu a:hover, #menu a:active { color:#ccc;} 

#weiter a:link, #weiter a:visited { text-decoration:none; font-weight:bold; color:#f00; }
#weiter a:hover, #weiter a:active  {color:#000; }

(x)html:

HTML:

<ul id="menu">
<li><a href="home.html">Home</a></li>
<li><a href="gallerie.html">Gallerie</a></li>
<li><a href="ware.html">Warenangebot</a></li>
<li><a href="entstehung.html">Entstehung</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>

<p id="weiter">hier gehts <a href="weiter.html">weiter ... mit dem roten Link</a></p>

diese <br /><br /> sache im div /menü hab ich gegen eine Liste ausgetauscht :hmpf::

kornyclown · 18.02.2009

AW: linkfarbe ??

serverhombre schrieb:

so wenn schon css dann bitte alles in css formatieren und nicht im body vlink link usw. :hmpf:

css:

Code:

#menu {
margin:0;
padding:0;
}

#menu li {
margin:1em 0;
}

#menu a:link, #menu a:visited { text-decoration:none; font-weight:bold; color:#f80; }
#menu a:hover, #menu a:active { color:#ccc;} 

#weiter a:link, #weiter a:visited { text-decoration:none; font-weight:bold; color:#f00; }
#weiter a:hover, #weiter a:active  {color:#000; }

(x)html:

HTML:

<ul id="menu">
<li><a href="home.html">Home</a></li>
<li><a href="gallerie.html">Gallerie</a></li>
<li><a href="ware.html">Warenangebot</a></li>
<li><a href="entstehung.html">Entstehung</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>

<p id="weiter">hier gehts <a href="weiter.html">weiter ... mit dem roten Link</a></p>

diese <br /><br /> sache im div /menü hab ich gegen eine Liste ausgetauscht :hmpf::

oh gott, das wird ne arbeit alles in css umzuschreiben aber danke. ich werd mal sehn ob ich damit klar komme.

Ich habs jetz hinbekommen super. war ne echte hilfe

lucy_lawless · 19.02.2009

AW: linkfarbe ??

auch wenns natürlich besser ist, alles in css zu machen und die obige beispiel css das problem löst, hier für alle dies interessiert noch mal ne genaue erklärung, wo der fehler liegt:

#weiter {
margin: 0px 0px 0px 700px;}
a:link {
color:#EE0000;
text-decoration: none
}
a:visited {
color:#EE0000;
text-decoration: none
}

das definiert zwar für den container "weiter" die margins, a:link und a:visited aber für das ganze dokument (auch wenns unterhalb des containers steht - so funktionieren selektoren nicht) und überschreibt damit die vorherigen zuweisungen.

wenn du hier nur a:link und a:visited des containers "weiter" ansprechen willst heißt der richtige selektor, wie du auch bei serverhombre sehen kannst:
#weiter a:link, #weiter a:visited

oder kürzer:

#weiter a:link, a:visited

sokie · 19.02.2009

AW: linkfarbe ??

kornyclown schrieb:
oh gott, das wird ne arbeit alles in css umzuschreiben

nein, nicht wenn du alle css zentral in einer Datei abspeicherst. ganz im gegenteil - du brauchst jeder Veränderung die Du im Design haben willst nur einmal zu machen.