<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #gallery { padding:0; margin:0; list-style-type:none; overflow:hidden; width:800px; height:600px; border:1px solid #888; background:url(sfondo.jpg); } #gallery li { float:left; } #gallery li a { display:block; height:650px; width:30px; float:left; text-decoration:none; border-bottom:1px solid #fff; cursor:default; } #gallery li a img{ width:30px; height:800px; border:0; } #gallery li a:hover { background:#eee; width:710px; } #gallery li a:hover img { width:710px; } #gallery li.prova{ float:left; background-color:red; } #gallery li a.prova2{ display:block; height:650px; width:30px; float:left; text-decoration:none; border-bottom:1px solid #fff; cursor:default; visibility:visible } #gallery li a.prova2:hover{ width:710px; background-color:yellow; } </style> <title>Documento senza titolo</title> </head> <body> <ul id="gallery"> [*] [img]sfondo2.jpg[/img] <li class="prova" > <div style="width:200px;height:100px;float:left;backgro und-color:green;"> <b style="color:white;">ciao come va[/b] </div> [*] [img]sfondo2.jpg[/img] [*] [img]sfondo2.jpg[/img] [/list]</body> </html>
Fai così crea un file e incolla questo codice, noterai che sulla sinistra, c'è un menu a schede, si vede però quel rettangolo verde, capirai cosa voglio fare... In pratica voglio che solo quando vado sopra alla scheda, questa si apre e mostra il suo contenuto, invece quando è chiusa,non deve mostrare nulla.... dimenticavo imposta due immagini sfondo e sfondo2.jpg

Spero di essere stato chiaro