Come si illuminano i menù?

**Marco81yeah** · 10-05-2007, 17:36

Scusate la domanda, ma sono poco pratico....

...come si fà ad illuminare un box quando ci passa sopra il cursore?

Io ho fatto un menù diviso con tanti <div> e vorrei che questi div si colorassero al passaggio del cursore del mouse...

GRAZIE!!!

**Federix** · 10-05-2007, 17:52

Prova questa pillola:

http://css.html.it/articoli/leggi/13...one-con-i-css/

**Marco81yeah** · 10-05-2007, 17:59

Ottimo!!
Grazie mille!

**webdemo** · 10-05-2007, 18:03

ti ho scritto un esempio, ma il buon Fede mi ha anticipato, te lo posto lo stesso

codice:

<!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=ISO-8859-1" />
<title>mouseover arancio</title>
<style type="text/css">
<!--

#divcol{
	width:100px;
	height:100px;
	background-color:#FFFF66;
}
#divcol a, 
#divcol a:link, 
#divcol a:visited {
	display:block;
	height:100px;
}
#divcol a:hover {
	background-color:#FF9900;
		}
-->
</style>
</head>

<body>
<div id="divcol">al mouse over divento arancione</div>
</body>
</html>

ciacia

**Marco81yeah** · 10-05-2007, 18:08

Scusa,
il comando che specifica quando ci sto passando con il cursore sarebbe a:hover?

grazie

**webdemo** · 10-05-2007, 18:13

allora:

codice:

/*specifiche del div*/
#divcol{
	width:100px;
	height:100px;
	background-color:#FFFF66;
}

/*specifiche del div fuori*/
#divcol a,  
#divcol a:link, 
#divcol a:visited {
	display:block;
	height:100px;
}

/*specifiche del div sopra*/
#divcol a:hover {
	background-color:#FF9900;
}

ciacia

Discussione: Come si illuminano i menù?

Strumenti discussione

Ricerca discussione

Visualizza

Come si illuminano i menù?

Permessi di invio