Ik heb het onderstaande gemaakt om eerst alleen de eerste regel en bij 'hover" alle tekst te tonen en nu eens niet met een "div" of "span", maar met <var></var> of wat men maar gebruiken wilt.
Het werkt in FF, Safari en Opera, maar niet in IE7.
Waarom niet?
Het werkt in FF, Safari en Opera, maar niet in IE7.
Waarom niet?
HTML:
<!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>test4</title>
<meta name="author" content="P.I.Klein">
<title>Menu Albums</title>
<style type="text/css">
var {
width: 20em;
overflow: hidden;
visibility: visible;
display: block;
height: 1.3em;
position: absolute;
font-style: normal;
}
var:hover {
border: 1px solid #000000;
padding: 3px 53px 3px 13px;
width: 46em;
color: black;
overflow: visible;
height: 18em;
background-color: #cccccc;
z-index: 100;
position: absolute;
}
</style>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(172, 202, 202);" alink="#000088" link="#0000ff" vlink="#ff0000">
<br><br>
<var>
<b>INFORMATIE!</b><br>
<br>
Gebruik in de afbeeldingsbestanden de pijltjestoetsen voor:<br> 'vorige' (links), 'volgende' (rechts) en 'PageUp' voor het overzicht of 'PageDown' voor het albummenu.<br>")
Het kan raadzaam zijn de foto's in 'volledig scherm' (F11) te bekijken.<br>
De kwaliteit van de foto's is dusdanig dat ze eventueel nog verder vergroot (ctrl+ in IE en FF) in de browser weergegeven kunnen worden.<br>
</var><br>
</body>
</html>
Laatst bewerkt door een moderator:
