Diaporama en html

Bonjour Olivier34

Voila ce que j'ai mis dans ma page empire. html
avant /head : <link rel="stylesheet" type="text/css" href="russe/russe.css">

Dans mon tableau
<!-- Galerie images -->
<tr>
<td style="vertical-align: top;">
<img src="images/ligne.gif" border="0" height="8" width="174" alt="Illustrated History of the Russian Empire">
<br><span style="font-weight: bold; color: rgb(204, 0, 0);">Pictures</span>
<br>
</td>
<td style="vertical-align: top; background-color: rgb(152,252,152); text-align: justify;">
<img src="images/ligne.gif" border="0" height="8" width="506" alt="Illustrated History of the Russian Empire">
<br>
<div id="gallery">
<em id="thumbs">
<a href="#nogo">
<img src="russe/empire_russe01.jpg" title="" alt="Illustrated History of the Russian Empire" /></a>
<br><a href="#nogo">
<img src="russe/empire_russe02.jpg" title="" alt="Illustrated History of the Russian Empire" /></a>
<br><a href="#nogo">
<img src="russe/empire_russe03.jpg" title="" alt="Illustrated History of the Russian Empire" /></a>
<br><a href="#nogo">
<img src="russe/empire_russe04.jpg" title="" alt="Illustrated History of the Russian Empire" /></a>
<br><a href="#nogo">
<img src="russe/empire_russe05.jpg" title="" alt="Illustrated History of the Russian Empire" /></a>
<br><a href="#nogo">
<img src="russe/empire_russe06.jpg" title="" alt="Illustrated History of the Russian Empire" /></a>
</em>
</div>
</td>
</tr>

le code CSS (russe/russe.css)
body {
background-color: #000000
}
#gallery {
position: relative;
width: 50px;
}
#thumbs {
width: 50px;
float: left;
}
#thumbs a {
display: block;
float: right;
margin: 0 0 5px 5px;
width: 50px;
height: 65px;
border: 0px solid #000;
}
#thumbs a img {
width: 50px;
height: 65px;
border: 0;
}
#thumbs a:hover {
border-color: #ddd;
}
#thumbs a:hover img {
position: absolute;
width: auto;
height: auto;
left: 60px;
top: 10px;
border: 1px solid #333;
}

Bonne chance