Hi!
Code...
Code:
<!DOCTYPE
html PUBLIC "-//
W3C//DTD
HTML 4.01 Transitional//EN">
<
html>
<head>
<meta content="text/
html; charset=ISO-8859-1" http-equiv="content-type">
<title>test</title>
<style type="text/css"><!--
#test {width:100px; height:18px; background-color:green; position:relative;}
#test:hover {width:200px; height:300px; }
--></style>
</head>
<body>
<div id="test">
HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO </p>
</div>
</body>
</
html>
Die Anfangsgröße des divs reicht nicht aus und so werden alle HALLOs untereinander angezeigt. Sie sollten aber eigentlich erst angezeigt werden, wenn das :hover-Event eintritt. Vorher sollten nur die HALLOs angezeigt werden, die im bereich von #test zu sehen sein sollten( also width:100px; height:18px
. Wie ist das möglich? Wie müsste der Code dann aussehen?