Supportnet / Forum / Webseiten/HTML

Hi, mal wieder eine Frage ... (css) In der CSS-Datei ist festgelegt, dass sich die Hintergrundfarbe bei a:hover ändert. Nun habe ich aber Seiten, die Bilder in einer verkleinerten Vorschau enthalten. Von jedem einzelnen Bild gibt es einen Link auf eine Seite wo das Bild gross angezeigt wird. Ich möchte aber auf der Hauptseite nicht, dass sich bei a:hover die Hintergrundfarbe ändert !! Ich stehe total auf dem Schlauch .... ;- ( habe diverse Dinge ausprobiert, und komme leider zu keinem Ergebnis .... Danke .. Gruss - Petra

habe nun direkt formatiert ..

<a href="amaryllis.html" style="background-color:#DFFFFF;font-weight:200;">

Dann erhalte ich das gewünschte Ergebnis ---- geht es auch anders??

Hi Petra,

ich gehe mal davon aus, dass du in deiner css Datei einen Style für Links im Allgemeinen angelegt hast.

Also in der Art:

A {
	TEXT-DECORATION: none
}
A:link {
	COLOR: black
}
A:visited {
	COLOR: black
}
A:hover {
	COLOR: #ff9900; TEXT-DECORATION: underline
}
A:active {
	COLOR: #ffcc33
}

Dieser wirkt sich auf alle Links in deiner Seite aus, du kannst aber auch einen extra Style für bestimmte Links angeben indem du dem Kind einen Namen gibts:

A.bilderlink {
	background-color:#DFFFFF;font-weight:200
}
A.bilderlink:visited {
	background-color:#DFFFFF;font-weight:200
}
A.bilderlink:hover {
	background-color:#DFFFFF;font-weight:200
}

Im html Code muss dein Bilderlink dann so aussehen:

<a class="bilderlink" href="amaryllis.html">

Ich hoffe mal ich habe dein Problem richtig verstanden.

Gruß Fabian

Das genau ist mein Problem...

Deine Lösung hilft mir leider auch nicht weiter - es liegt evtl. daran, dass ich zuviele Links formatiert habe ??

Ich benötige Links im Menü, Links im Inhalt und bei den Bildern. Alle drei Arten von Links müssen anders formatiert sein!!

Meinn Css sieht so aus:
#inhalt a:hover {
text-decoration:none;
color:#000066;
background-color:#00FFFF;
font-weight:600;
}

#inhalt a:active {
text-decoration:none;
color:#000066;
font-weight:600;
}

#inhalt a:link,a:visited {
text-decoration:none;
color:#000066;
font-weight:600;
}

#menue a:link,a:visited {
text-decoration:none;
font-size:0.9em;
color:#FFF;
}

#menue a:hover,a:active {
text-decoration:none;
font-size:0.9em;
color:#00FFFF;
}

a.bilderLink:hover {
text-decoration:none;
font-size:1em;
font-weight:200;
}

a.bilderLink:active {
text-decoration:none;
font-size:1em;
font-weight:600;
}

a.bilderLink:link {
text-decoration:none;
font-size:1em;
}

a.bilderLink:visited {
text-decoration:none;
font-size:1em;
}

eine mögliche Fehlerquelle:

#inhalt a:link,a:visited 

bedeutet NICHT a:link und a:visited innerhalb von #inhalt
SONDERN
a:link innerhalb von #inhalt und ALLE a:visited auf der Seite

Ich vermute mal du meinst aber

#inhalt a:link, #inhalt a:visited 

Sorry - war leider nicht der Fehler.

Werde mich vorerst anders behelfen und durch unter dem Bild stehenden Text verlinken!

Vielen Dank und viele Grüße

Petra

Hi Petra,

erst mal würde ich die Tags in die richtige Reihenfolge brinden (frag mich nicht warum aber es spielt eine Rolle):

a.bilderLink:link {
text-decoration:none;
font-size:1em;
}

a.bilderLink:visited {
text-decoration:none;
font-size:1em;
} 

a.bilderLink:hover {
text-decoration:none;
font-size:1em;
font-weight:200;
COLOR: #xyzxyz;
}

a.bilderLink:active {
text-decoration:none;
font-size:1em;
font-weight:600;
}

Dann im hoverTag die gewünschte Farbe angeben, sonst verhält sich der Link natürlich wie ein normaler Link. Hier also im hoverTag: "COLOR: #xyzxyz;
"

Und dann verstehe ich nicht ganz ob du auch Bilderlinks auf anderen Seiten hast bei denen ein Farbwechsel gewünscht ist, falls dem so ist, dann brauchen die natürlich verschiedene css Tags.

Gruß Fabian

• Quark Express - Tonwert bei Bildern
• Ein Bild aus mehreren erstellen
• Miniaturansicht funktioniert nur bei wmv und Bildern?
• CSS preloaden
• CSS Hover Effeckt geht bei Firefox nicht