Fixer des vignettes

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Séverine.r, 27 Octobre 2014.

  1. Séverine.r
    Séverine.r Nouveau WRInaute
    Inscrit:
    11 Juin 2014
    Messages:
    6
    J'aime reçus:
    0
    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;
    }
    [​IMG]

    Merci pour votre aide,

    Séverine
     
  2. baud74
    baud74 WRInaute impliqué
    Inscrit:
    21 Juillet 2014
    Messages:
    586
    J'aime reçus:
    0
    il ne faut pas utiliser de tableau pour faire de la mise en page.
     
  3. Séverine.r
    Séverine.r Nouveau WRInaute
    Inscrit:
    11 Juin 2014
    Messages:
    6
    J'aime reçus:
    0
    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
     
  4. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 181
    J'aime reçus:
    1
    <td valign="top"> ... </td>
     
  5. Séverine.r
    Séverine.r Nouveau WRInaute
    Inscrit:
    11 Juin 2014
    Messages:
    6
    J'aime reçus:
    0
    merci beaucoup zeb
     
Chargement...
Similar Threads - Fixer vignettes Forum Date
Outil/site pour fixer le prix d'une publication sponsorisée Monétisation d'un site web 14 Mai 2021
Possible de fixer le Serial number DNS avec l'interface Gandi expert ? Administration d'un site Web 13 Février 2017
Comment fixer le nombre d'étoiles par défaut ? Développement d'un site Web ou d'une appli mobile 17 Août 2016
fixer des ads dans les articles de blogger Développement d'un site Web ou d'une appli mobile 8 Août 2012
balise HTML pour préfixer des HREF et SRC Développement d'un site Web ou d'une appli mobile 9 Mars 2012
Evaluer l'augmentation du trafic pour fixer son tarif Référencement Google 30 Mai 2011
10 vignettes dans les SERP Google mobile Référencement Google 29 Mai 2017
Présenter des vignettes "articles au hasard" sur la home Demandes d'avis et de conseils sur vos sites 30 Octobre 2016
mes vignettes ne s'affichent pas en ZOOM Développement d'un site Web ou d'une appli mobile 29 Janvier 2015
Images + petites vignettes Développement d'un site Web ou d'une appli mobile 14 Mai 2012