Fixer des vignettes

[Séverine.r]

Bonjour,

Je suis en train de faire un carrousel pour mon entreprise et je bloque sur l'alignement des vignettes
en fait j'aimerais fixer les vignettes en haut et quand on met un titre à deux ligne que rien ne se déplace comparer à la première vignette actuellement
Voici mon code html:

<table id="vignettes" class="vignettes">
           
            <tr>
            	<td>
                <img src="IMAGESSSS/Slide1.jpeg" class="image" style="margin-top: -16px;"/>
                </br>
				<span>titre </br> hrkjfsd</span>
            </td>
            <td>
                <img src="IMAGESSSS/Slide2.jpeg" class="image" style="margin-top: -16px;"/>
                    </br>
				<span>titre</span>
            </td>
          <td>
                <img src="IMAGESSSS/Slide4.jpeg" class="image" style="margin-top: -16px;"/>
                   </br>
				<span>titre</span>
             </td>
           <td>
                <img src="IMAGESSSS/Slide5.jpeg" class="image" style="margin-top: -16px;"/>
                   </br>
				<span>titre</span>
             </td>
           <td>
                <img src="IMAGESSSS/Slide6.jpeg" class="image" style="margin-top: -16px;"/>
                    </br>
				<span>titre</span>
            </td>
            </tr>
        </table>
      
</div>

voici mon code css:

.vignettes {
    border: 1px solid #000;
    height: 100px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 99,5%;
    float:center;
    
}
.vignettes div {
    display: inline-block;
}
.image {
    margin-left: 6px;
    margin-right: 6px;
    padding-top: 7px;
    width: 97px;
     height: 48,8px;
     
}
span {
    color: red;
    display: block;
    font-size: 0.83em;
}

Merci pour votre aide,

Séverine

 

[baud74]

il ne faut pas utiliser de tableau pour faire de la mise en page.

 

[Séverine.r]

oui mais même sans tableau sa fait la même chose, à la base je n'avais pas mi de tableau et j'ai mis un tableau pour voir si sa pouvais fonctionner mais en fait non

 

[zeb]

<td valign="top"> ... </td>

 

[Séverine.r]

merci beaucoup zeb