+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: Rund um HTML (https://forum.juergens-workshops.de/forumdisplay.php?fid=83)
+--- Thema: Links auf einer Seite in unterschiedlichen Farben (/showthread.php?tid=23697)
Links auf einer Seite in unterschiedlichen Farben - Ebba - 13.09.2007
Ich will auf einer Seite zwei Links in unterschiedlichen Farben haben.
Mit diesem CSS klappt das auch im Firefox, aber leider nicht im IE:
Code:
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFF99;
text-decoration: underline;
font-weight: bolder;
}
a div {color:#660000;
}Beim IE ist im Div-Tag der Link blau, bei Firefox in dem dunklen Rot, wie er sein soll...
hmm.....
Links auf einer Seite in unterschiedlichen Farben - Helmut - 13.09.2007
...
versuch mal
Code:
[B]div a[/B] {
color:#660000;
}Cu Helmut
Links auf einer Seite in unterschiedlichen Farben - Ebba - 13.09.2007
Hab ich versucht..
Da ist es im IE immer noch blau und im Firefox genauso gelb wie im ersten Link...
Das dunkle Rot ist dann gar nicht mehr da....
Hier mal eben der Quelltext im CSS und im body:
CSS:
Code:
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFF99;
text-decoration: underline;
font-weight: bolder;
}
div a {
color:#660000;
}und hier der body:
Code:
<p align="right"><a href="mailto:webdesign@ebba.de"><div><img src="images/webdesign.jpg" alt="Webdesign by Ebba Lehmann" width="282" height="16" /></div></a></p>Hab ich evtl. den Div-Tag falsch gesetzt?
Links auf einer Seite in unterschiedlichen Farben - Helmut - 14.09.2007
Hi,
Du kommst warscheinlich besser wenn Du bestimmten Oberbereichen eindeutige Eigenschaften gibst. Falls die verschachtelt vorkommen kann man auch mit !important bestimmte CSS Regeln priorisieren, guckst Du...
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Untitled</title>
<style type="text/css">
body {
background-color: #f7f7f7;
font-family: Verdana, Arial;
font-size: 12px;
color: #000000;
}
.text {
color: #990000 !important;
font-size: 12px !important;
}
.text a {
color: #339900 !important;
text-decoration: none !important;
}
.text a:hover {
color: #8994bc !important;
text-decoration: underline !important;
}
.divtext {
color: #000000;
font-size: 11px;
}
.divtext a {
color: #cc6600;
text-decoration: underline;
}
.divtext a:hover {
color: #ffcc00;
text-decoration: none;
}
</style>
</head>
<body>
<p class="text"><a href="#">Link 1</a></p>
<div class="divtext"><a href="#">Link 2</a> Text Text Text
<p class="text"><a href="#">Link 1</a> Text Text Text</p>
</div>
</body>
</html>[/HTML]
Cu Helmut
Links auf einer Seite in unterschiedlichen Farben - Ebba - 14.09.2007
Ohje, das sieht aber kompliziert aus!
Und die Important-Regeln kannte ich auch noch nicht.
(Man lernt hier immer noch dazu!)
Tausend Dank Helmut!
Ich werde mich nachher mal da hineinkien...
Links auf einer Seite in unterschiedlichen Farben - Ebba - 16.09.2007
Ich habs jetzt so wie ich wollte.
Da die Verlinkung auf einer Grafik liegt, habe ich den Rahmen auf 0 gesetzt und nun klappt es...
Links auf einer Seite in unterschiedlichen Farben - prm - 16.09.2007
Sieh mal hier unter III/5 nach. Da hab' ich mal ne kurze Anleitung geschrieben, wie man Links unterschiedlich durch Klassen gestaltet.
Links auf einer Seite in unterschiedlichen Farben - Ebba - 16.09.2007
Danke für den Link, das ist super! Hab ich mir gleich unter meinen Favoriten abgespeichert...