Christian: CSS-Hover: Grössenänderung bei Bildern?

Beitrag lesen

Haha, ich habs doch noch gelöst, beim IE muss man andersherum denken. Man muss zusätzlich die Grösse des DIV-Containers ändern :-p Danke für die Hilfe!

Gruß Christian

Der Quelltext:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>

<HEAD>

<STYLE TYPE="text/css">

body                    {font-size:0.8em;font-family:Tahoma;}
.text                   {width:60%;text-align:justify;}
.imgover                {float:left;margin-right:10px;text-align:center;background-color:#000000;border:1px solid #000000;}
.imgover a              {text-decoration:none;color:#FFFFFF;}
.imgover a:hover        {width:256px;height:256px;}
.imgover img            {width:128px;height:128px;border:0;}
.imgover a:hover img    {width:256px;height:256px;}

</STYLE>

</HEAD>

<BODY>

<DIV CLASS="text">

<DIV CLASS="imgover">
<A HREF="#"><IMG SRC="bild.jpg" ALT=""><BR /><SMALL>&copy; Copyright</SMALL></A>
</DIV>

<P>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer placerat. Pellentesque sed ipsum vitae nibh venenatis dignissim. Nulla sed velit ut quam hendrerit fermentum. Cras lobortis egestas lacus. Fusce imperdiet pretium pede. Phasellus posuere. Aliquam quis leo at odio auctor iaculis. Aliquam quis dui. Aenean in erat. Integer mi risus, egestas ut, facilisis at, aliquet vitae, odio. Phasellus quam sem, convallis eget, porttitor ac, molestie vel, magna.</P>
<P>Vestibulum interdum, risus vitae sollicitudin molestie, orci urna ultricies nulla, vel euismod nulla eros sodales libero. Donec tortor lectus, rhoncus lacinia, sollicitudin ac, mattis at, ipsum. Donec cursus ullamcorper est. Nunc velit massa, vulputate non, tempor facilisis, auctor eget, massa. Donec suscipit malesuada dolor. Vivamus eget lorem. Suspendisse tellus lacus, mollis in, interdum eu, pulvinar non, pede. Sed eget lacus. Maecenas consectetuer condimentum nibh. Suspendisse urna turpis, dictum quis, commodo et, blandit sit amet, turpis. Nulla facilisi. Sed nibh ligula, ultricies id, tristique sed, posuere et, erat. Morbi pede wisi, varius vitae, aliquet quis, varius aliquet, metus. Integer ut dolor. Fusce laoreet. Curabitur eros libero, sollicitudin a, consequat in, tempus tempus, enim. Phasellus condimentum sollicitudin magna.</P>

</DIV>

</BODY>

</HTML>