Login

Ebba · 13.09.2007, 18:23

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.....

Helmut · 13.09.2007, 19:14

...

versuch mal

Code:
[B]div a[/B] {

color:#660000;

}

Cu Helmut

Ebba · 13.09.2007, 21:58

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?

Helmut · 14.09.2007, 10:22

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

Ebba · 14.09.2007, 11:11

Ohje, das sieht aber kompliziert aus!
Und die Important-Regeln kannte ich auch noch nicht.
(Man lernt hier immer noch dazu!)

Tausend Dank Helmut! Bussi

Ich werde mich nachher mal da hineinkien...

Ebba · 16.09.2007, 10:24

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...

prm · 16.09.2007, 10:34

Sieh mal hier unter III/5 nach. Da hab' ich mal ne kurze Anleitung geschrieben, wie man Links unterschiedlich durch Klassen gestaltet.

Ebba · 16.09.2007, 10:56

Danke für den Link, das ist super! Hab ich mir gleich unter meinen Favoriten abgespeichert...

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken

Möglicherweise verwandte Themen...
Thema		Verfasser	Antworten	Ansichten	Letzter Beitrag
	Link zeigt nicht die volle Seite an	fritz11	17	2.911	20.07.2008, 10:58 Letzter Beitrag: fritz11
	Blöde Frage: Farben in CSS definieren	Leander	9	2.273	09.06.2008, 13:54 Letzter Beitrag: Leander
	Spalten wie in einer Zeitung	Andreas69	24	4.245	26.03.2008, 22:34 Letzter Beitrag: prm
	Seite als imagemap?	Gravenhorst	6	1.087	07.09.2007, 13:56 Letzter Beitrag: Jürgx
	Seite teilweise verschwunden - Hilferuf	Marilu	10	2.309	19.07.2007, 16:24 Letzter Beitrag: Georg Ruf
	Seite wird nicht angezeigt	Siegmund	2	1.303	04.07.2007, 17:37 Letzter Beitrag: Siegmund
	zurück auf letzte Seite - wie geht das ?	Seramis	6	1.686	08.04.2007, 17:58 Letzter Beitrag: iswohlnix
	Links zu anderen Seiten - erlaubt ?	Seramis	2	1.118	27.02.2007, 14:52 Letzter Beitrag: Seramis
	Google findet Seite nicht	Kellerassel	3	1.253	17.09.2006, 12:51 Letzter Beitrag: Hippo
	Seite mit Passwort sichern	Ebba	4	3.621	18.05.2006, 11:03 Letzter Beitrag: Ebba