Das muss ja dann in den head-bereich oder?
Das muss in deinen Style-Bereich, ob der sich im HTML-Header oder in einer externen Datei befindet überlasse ich dir.
und wie sieht dann der <div> tag dazu aus (positioniert und mit hover-effekt versehen)?
Gar nicht, das div-Element benötigst du in der ersten Variante eigentlich nicht. Wenn du die gleiche Datei refferenzierst musst du auch keine zwei img-Elemente in einem div-Element gruppieren.
Das div-Element dient in der zweiten Variante dazu die beiden Bilder zu gruppieren, damit man sie mit einem gemeinsamen hover ansprechen kann.
meinetwegen wenn das bild "ofen.jpg" heisst?
<html>
<head>
<title>Ohne Worte...</title>
<style type="text/css">
img.vergroesserbares_bild {
width:60px;
height:60px;
}
img.vergroesserbares_bild:hover {
width:400px;
height:400px;
position:relative;
left: -200px;
top:-200px;
}
</style>
</head>
<body>
<img class="vergroesserbares_bild" src="./ofen.jpg" alt="Ein Ofen mit gruenen Kacheln aus dem Barock" />
</body>
</html>
Oder so... du weißt aber schon dass das hier das SELF ist!?
--
sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(
sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(