in pratica devo fare una home dove arrivati sulle immagini automayicamente carica hover di quella singola immagine ma non riesco a farglielo fare o mi soprapone tutte le immagini oppure mi carica tutte le immagini
codice html
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" href="hom.css">
</head>
<body bgcolor="black" text="#ffffff">
<div align= left style="width:1000; height: 700; overflow: auto;">
<center><h1>pippo</h1></center>
<ul id="menusinistra">
[*]
[img]img/registrazione01.png[/img]
[*]
[img]img/regolamento01.png[/img]
[*]
[img]img/ambientazione01.png[/img]
[/list]
[img]img/spazio1.jpg[/img]
<ul id="menudestra">
[*]
[img]img/immagini01.png[/img]
[*]
[img]img/login01.png[/img]
[*]
[img]img/guest01.png[/img]
[/list]
codice css
body {
font-family: Verdana,Arial,SansSerif;
font-size: 100%;
margin-top: 0px;
}
#menusinistra {
float: left; /* il float serve a prendere il contenuto dal flusso regolare e allinearlo a sinistra come oggetto, ogni float successivo sugli elementi
porta tale elemento ad allinearsi al margine destro di questo elemento */
width: 150px; /* questo parametro definisce la larghezza della "colonna", in modo che il float faccia il suo effetto e permetta a tutti gli altri elementi di allinearsi */
margin: 10px 0 0 0;
padding: 5px 0;
background-color: green; /* colore di sfondo dell'elemento, temporaneo per vedere gli spazzi occupati nella pagina */
}
img {
float: left;
background-color: black;
}
#menudestra {
float: left;
width: 150px;
margin: 10px 0 0 0;
padding: 5px 0;
background-color: red;
}
Rispondi quotando
Non si capisce nulla.
