Dreamweaver rollover afbeelding tekst

issey

topic starter

1

Dreamweaver rollover afbeelding tekst

25 februari 2011 - 12:34

geplaatst door: issey

Hallo,

Momenteel ben ik bezig een website te maken in Dreamweaver. Ik heb er al eerder website's mee gemaakt, maar heb er nog niet heel veel verstand van.

Ik heb een afbeelding, en als ik met de muis over deze afbeelding ga, wil ik dat er tekst naast verschijnt. Kunnen jullie me helpen?

Alvast bedankt!

ettepet

1.208

Dreamweaver rollover afbeelding tekst

25 februari 2011 - 16:50 reactie #1

geplaatst door: ettepet

Zoiets?

Code: [Selecteer]


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Untitled Document</title>
	<style>
		#text {
			display: none;
		}
	</style>
</head>

<body> <img src="plaatje.gif" width="50" height="50" id="mouse"/> <div id="text"> wel/niet zichtbaar </div> <script type="text/javascript"> document.getElementById("mouse").onmouseover = function () { document.getElementById("text").style.display="block"; } document.getElementById("mouse").onmouseout = function () { document.getElementById("text").style.display="none"; } </script> </body> </html>

Peter Villevoye

9.680

Dreamweaver rollover afbeelding tekst

25 februari 2011 - 22:25 reactie #2

geplaatst door: Peter Villevoye

Je kan de ingebouwde Spry Tooltips gebruiken,
die roep je op via het Insert-menu of -window.

Je kan ook van het bewuste plaatje de "alt"-tag
in het Properties-window invullen, veel browsers
gebruiken dat als popup, al is dat niet offcieel...
Zie de uitleg een beetje verderop in deze pagina:
http://www.netmechanic.com/news/vol6/html_no1.htm

Studea Advies - Training - Begeleiding in DTP, web- en app-design. En... een PixelFreak !