souci carousel

Envoyé par Nancy Morel le 16 Février 2014 à 16:45

Bonjour,

Je mets en application ce que Donald nous a montré vendredi.

J'ai fixé comme dimension 740 (540 + 200) et 100 en hauteur. J'ai chargé une première image de 740 * 100 pour forcer les dimensions puis je suis passée en texte.

Je n'arrive pas à voir les images ou textes en entier. J'ai l'impression qu'il y a des marges et je n'arrive pas à les supprimer.

J'ai cherché dans le code source, dans la CSS. J'ai réussi à améliorer la situation mais c'est encore tronqué.

Cela se produit même si je mets des images de taille inférieure à 540*100.

Une idée ?

http://ien-saint-omer1.etab.ac-lille.fr/

Nancy

Re: souci carousel

Envoyé par Donald HERBELIN le 17 Février 2014 à 09:35

Bonjour,

L'image que tu as mis dans le corps de texte fait 530px*86px.

Et le fichier css n'était pas complet : il faut y préciser les dimensions en rejoutant :

.carousel {
    position: relative;
    z-index: 0;
    padding: 0;
    border: 2px solid #CCCCCC;
    margin: 0 0.3em 0.5em 0.3em;
   height: 100px;
   width: 740px;
}

Il faut aussi "régler" les marges :

.carousel-text {
    background-color: #E5E7EB;
    margin-left: -14px;
    margin-bottom: -14px;
    width: 100%;
    font-size:11px;
}

D.H.

Rendu par Ploneboard