nicht angemeldet
Darstellungsproblem im Mozilla
Hi!
Habe ein Problem mit der Darstellung folgender Seite im Mozilla.
Wenn man über das Bild fährt sollte um das ganze Bild ein Rahmen eingeblendet werden. Leider vergrößert sich der a-Tag nicht auf die Bildhöhe.
Ein a img:hover kommt leider nicht in Frage, da es durchaus auch vorkommen kann, dass auch normaler Text im a-Tag steht und für diesen dann das gleiche gelten sollte. Änderungen am HTML-Code kommen aufgrund der Anzahl der Templates leider auch nicht in Frage.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Testseite</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
a:hover {
border:1px solid black;
}
img {
border:0px;
}
</style>
</head>
<body>
<p>
<a href="#"><img src="http://www.orf.at/070220-9448/auden_haupt_2h_a.jpg" alt="ALT-TEXT" title="TITLE-TEXT"></a>
</p>
</body>
</html>
-
Ho!
nur so eine Idee, nicht getestet:
a:hover img {border:1px solid black}
Kalle
-
Leider nicht, wie gesagt
a img:hover
bzw.
a:hover img
kann´s nicht sein, da es eben nicht immer Bilder im a-Tag sind. Bei normalem Text soll das dann auch funktionieren.
Trotzdem danke.Ho!
nur so eine Idee, nicht getestet:
a:hover img {border:1px solid black}
Kalle
-
Hallo,
kann´s nicht sein, da es eben nicht immer Bilder im a-Tag sind. Bei normalem Text soll das dann auch funktionieren.
Dann solltest du den Link vielleicht erstmal per „display:block“ zu einem Block-Element machen.
mfg. Daniel
-
Leider nicht, wie gesagt
Nicht gleich aufgeben ...
a:hover img
kann´s nicht sein, da es eben nicht immer Bilder im a-Tag sind. Bei normalem Text soll das dann auch funktionieren.a:hover {border:1px solid black}
a:hover img {border:1px solid black}Heisst: Der einfache border wird im Falle eines Bildes durch den Bild- border ersetzt.
Kalle
-
Ja, aber dann hat man 2 border, nämlich den vom a-Tag und den vom img-Tag. Und der vom a-Tag wird falsch dargestellt.
Leider nicht, wie gesagt
Nicht gleich aufgeben ...
a:hover img
kann´s nicht sein, da es eben nicht immer Bilder im a-Tag sind. Bei normalem Text soll das dann auch funktionieren.a:hover {border:1px solid black}
a:hover img {border:1px solid black}Heisst: Der einfache border wird im Falle eines Bildes durch den Bild- border ersetzt.
Kalle
-
hi,
Ja, aber dann hat man 2 border, nämlich den vom a-Tag und den vom img-Tag.
Ja dann definiere halt für's Bild im Link, dass es keinen haben soll.
Und der vom a-Tag wird falsch dargestellt.
Definiere "falsch".
</hilfe/charta.htm#tipps-fuer-fragende>gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
-
-
-
-
nur so eine Idee, nicht getestet:
a:hover img {border:1px solid black}getestet: geht!
Und so fängt das Bild nicht an zu hüpfen, falls es nicht zentriert ist:
a:hover img {border: 1px solid black;}
img {border: 1px solid transparent;}
-