Bilder Links mit Hover Effekt
robdust
- css
Hallo!
Sooo versuche hier grad folgendes...
ich will ein Menü
so ungefähr soll es aussehen.
BILD BILD BILD BILD
dahinter sollen links sein!
index.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Rollover mit CSS - Beispiel 5</title>
<style>
a { display:block;
background-image:url(pics_menu/m_hom.bmp);
width: 78px; height: 17px; }
a:hover { background-image:url(pics_menu/m_hom_d.bmp); }
</style>
</head>
<body>
<a href="testseite.htm"></a>
</body>
</html>
sooo wenn ich nun a verwende. klappts komm ich auf Testseite und hover effekt funzt
da ich aber mehrere brauche nenne ich den nächsten nun b
UND DAS GEHT NICH!!! b link geht nicht, nicht mal der mauszeiger verändert sich wie bei nem link...
<style>
a { display:block;
background-image:url(pics_menu/m_hom.bmp);
width: 78px; height: 17px; }
a:hover { background-image:url(pics_menu/m_hom_d.bmp); }
b { display:block;
background-image:url(pics_menu/m_ar.bmp);
width: 78px; height: 17px; }
b:hover { background-image:url(pics_menu/m_ar_d.bmp); }
</style>
</head>
<body>
<a href="testseite.htm"></a>
<b href="testseite.htm"></b>
</body>
</html>
bitte um schnelle hilfe!!
Grüße,
da ich aber mehrere brauche nenne ich den nächsten nun b
UND DAS GEHT NICH!!! b link geht nicht, nicht mal der mauszeiger verändert sich wie bei nem link...
rofl, lmao - sorry aber sowas habe ich auch nie gesehen^^
"a" ist ein für alle mal als link-classe definiert.
wenn du die links einzeln über css gestalten willst, gib denen ID's, die du über #bla ansprichst. lies merh dazu bei selfhtml im CSS abteil.
MFG
bleicher
Grüße,
da ich aber mehrere brauche nenne ich den nächsten nun b
UND DAS GEHT NICH!!! b link geht nicht, nicht mal der mauszeiger verändert sich wie bei nem link...
rofl, lmao - sorry aber sowas habe ich auch nie gesehen^^
"a" ist ein für alle mal als link-classe definiert.
wenn du die links einzeln über css gestalten willst, gib denen ID's, die du über #bla ansprichst. lies merh dazu bei selfhtml im CSS abteil.MFG
bleicher
LOL da muss ich bleicher recht geben sowas hab ich auch noch nie gesehen ^^.
wie oben schon gesagt steht "a" allgemein für einen link und ist für diese fest definiert.
wenn du dies umgehen willst musst du in deinem <a>-tag eine ID vergeben wie oben schon erwähnt also: <a href="index.html" id="b"><im src="..."/></a>
nun könntest du deinen bereits erstellten code verwenden mit der kleinen änderung b -> #b im css
mfg dai_ki