Ciao,
sto facendo un sito sull'automobilismo sportivo. Ora sto scrivendo la pagina che tratta di foto e video.


Quando apro con internet la pagina riscontro 2 problemi:
1)Del video: compare solo la sua posizione, ma è tutta nera.
2)Delle foto: sono tutte incolonnate ordinatamente in 3 colonne , tranne le ultime 2 foto che risultano essere attaccate.

Codice CSS
[CODE]
.esinistra
{
position: absolute;
width:20%;
height:200%;
background-image: url(fox.jpg); /* Immagine dei cerchioni */
background-repeat: repeat; /* Così l'immagine si ripete si in verticale che in orizzontale */
}
.edestra
{
position:absolute;
width:20%;
height:200%;
background-image: url(fox.jpg);
background-repeat: repeat;
left:80%;
}
.titolo
{
position:absolute;
width:59.5%;
height:15%;
left:20.5%;
}
.logo
{
position:absolute;
width:15%;
height:10%;
left:65%;
}
.chome
{
position:absolute;
width:7%;
height:5%;
left:20.5%;
top:15%;
}
.cpiloti
{
position:absolute;
width:7.5%;
height:5%;
left:27.5%;
top:15%;
}
.cauto
{
position:absolute;
width:7.5%;
height:5%;
left:35%;
top:15%;
}
.ccircuiti
{
position:absolute;
width:7.5%;
height:5%;
left:42.5%;
top:15%;
}
.cgare
{
position:absolute;
width:7.5%;
height:5%;
left:50%;
top:15%;
}
.cmedia
{
position:absolute;
width:7.5%;
height:5%;
left:57.5%;
top:15%;
}
.ccontatti
{
position:absolute;
width:7.5%;
height:5%;
left:65%;
top:15%;
}
.csponsor
{
position:absolute;
width:7.5%;
height:5%;
left:72.5%;
top:15%;
}
.immagine
{
position:absolute;
width:59.5%;
height:20%;
left:20.5%;
top:20.2%;
}
.contenuto
{
position:absolute;
width:57.55%;
height:156.95%;
top:40%;
left:20.45%;
text-align:justify;
background-color:#E1E1E1;
padding:1%;
}
.footer
{
position: absolute;
width: 100%;
height: 5%;
top: 200.95%;
text-align:center;
background-color:red;
}
.imma
{
height:270px;
width:325px;
}
img{height:100%; width:100%}
h1.tit{color:#940000; /* Colore Amaranto */ text-align:center;}
h3.stit{color:#009900; /* Colore Verde Islam */ text-align:center;}
p.rif{text-align:center;}
p.con{text-align: justify;}
a.link:link{color:blue;}
a.link:visited{color:brown;}
div.tip{border:1px solid black;}
[/CODE ]


Codice HTML della pagina
codice:
<!doctype html>
<html>
<head>
  <title>Media</title>
  <link rel="stylesheet" href="esterno.css" type="text/css"/>
</head>
<body>
<div class="esinistra">
  <!-- Bordo di sinistra -->
 </div>
 <div class="titolo">
  <h1 class="tit">Automobilismo Sportivo</h1>
 </div>
 <div class="logo">
  <img src="fia.jpg">
 </div>
 <div class="edestra">
  <!-- Bordo di destra -->
 </div>
 <div class="chome">
  <p class="rif"><a class="link" href="index.html" >Home</a></p>
 </div>
 <div class="cpiloti">
  <p class="rif"><a class="link" href="pilota.html" >Piloti</a></p>
 </div>
 <div class="cauto">
  <p class="rif"><a class="link" href="modelli.html" >Auto</a></p>
 </div>
 <div class="ccircuiti">
  <p class="rif"><a class="link" href="circuiti.html" >Circuito</a></p>
 </div>
 <div class="cgare">
  <p class="rif"><a class="link" href="gare.html" >Gare</a></p>
 </div>
 <div class="cmedia">
  <p class="rif"><a class="link" href="media.html" >Media</a></p>
 </div>
 <div class="ccontatti">
  <p class="rif"><a class="link" href="contatti.html" >Contatti</a></p>
 </div>
 <div class="csponsor">
  <p class="rif"><a class="link" href="sponsor.html" >Sponsor</a></p>
 </div>
 <div class="immagine">
  <img src="multi.jpg">
 </div>
 <div class="contenuto">
  <h3 class="stit">Multimedia</h3>
  <p> In questa pagina potete trovare foto e video sull'automobilismo.
  </p>
  <br>
  <p>Video NASCAR a Monza</p>
  <video id="sampleMovie" src="NASCAR1.avi" height="290px" controls></video>  <!-- Codice scritto in HTML 5 -->
  <br><br>
  <p>Sequenza di un incidente alla variante Ascari.</p>  <!-- Inserimento delle foto dell'incidente -->
  <img src="i1.jpg" class="imma">
  <img src="i2.jpg" class="imma">
  <img src="i3.jpg" class="imma">
  <img src="i4.jpg" class="imma">
  <img src="i5.jpg" class="imma">
  <img src="i6.jpg" class="imma">
  <img src="i7.jpg" class="imma">
  <img src="i8.jpg" class="imma">
  <img src="i9.jpg" class="imma">
 </div>
 <div class="footer">
   <p>  Automobilismo Sportivo --- Fizzonasco (MI), via Jurij Gagarin 7 </p>
 </div>
</body>
</html>


Ciao e grazie

P.S. Dato che sono inesperto in materia, accetto qualsiasi altro consiglio per ottimizzare il sito.