Wechsel zwischen Bild und Schrift

[at]

Hallo.

a:hover{background-image: url(Bilder/hintergrund.png);}
.bild{display:block;text-align:center;background-image:url(Bilder/baby_rahmen.jpg);height:328; width:481px;}

Du solltest dem Browser kurz erläutern, dass das Element keine 328 Ziegelsteine hoch sein soll ;-)

und in die html-Datei <a class="bild">Test test test </a>
Nur leider wird jetzt beides angezeigt: Bild und Text. Mit Display:none wird nichts von beidem mehr angezeigt.

Mit "visibility:hidden;" erreichst du, dass ein Text nicht angezeigt, das Element aber den dafür vorgesehenen Platz wegnimmt -- etwa so wie ein transparenter Text.

Zu sehen ist die vermurxte Datei wie gehabt unter: http://www.tfh-berlin.de/~s707378/Thilo

Was ich dort sehe, funktioniert bei mir. Bedenke aber, dass ein <a>-Element keine weiteren <a>-Elemente enthalten darf.
MfG, at