Fixer des vignettes

Nouveau WRInaute
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:

Code:
<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:

Code:
.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;
}
ZlWFHK.png


Merci pour votre aide,

Séverine
 
Nouveau WRInaute
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
 
Discussions similaires
Haut