Stefan Lodders: Pseude-3D-Rahmen um Links mit Hover-Effekt

Beitrag lesen

Du bist aber lange wach :). Danke für Deine Mühe...

Ich habe jetzt etwas Funktionierendes:
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<style type="text/css">
<!--
#bla a {
        float:left;
        border-top: 1px solid black;
        border-left: 1px solid black;
        border-right: 2px solid black;
        border-bottom: 2px solid black; }
#bla a:hover { border-top: 2px solid black;
        border-left: 2px solid black;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
}
//-->
</style>
</head>
<body>
<div id="bla">
 <a href="#"><img src="images/xyz.png" border="0"></a>
</div>
</body>
</html>

ABER: Warum zum Geier brauche ich da ein float??? Ohne float geht es nicht. Wie soll man denn darauf kommen?
Habe jetzt das CSS von http://www.the5k.org/ so lange reduziert, bis es nicht mehr ging und es war dieser komische float-Style. Das war so ziemlich das Letzte, was ich gelöscht habe, weil ich dachte: "Nee, also daran kann es ja wohl nicht liegen. Hat doch nur was mit Textumfluss zu tun."

Stefan