Accueil

Pouvez vous m’aider dans l’interpretation de cette ligne de code CSS ?

Me revoilà, j’ai un contenu que je souhaiterais placer tout en haut de ma cellule sans aucune marge, et voici mon code template en question :
#imContent {min-height: 380px; position: relative; width: 900px; padding: 10px 50px 50px 50px; }

Que dois-je modifier ? Je pense à la position et à l’un des padding mais lequel ?

Merci de votre aide précieuse.

  1. Salut salut,
    Pour le padding ( c’est le même pour le margin) l’ordre dans le sens des aiguille d’une montre en commençant par le haut.
    Donc : Haut – Droite – Bas – Gauche
    Il faut que tu modifie le 3ème chiffre pour le mettre a 0.
    Voilou

    Edité le 11 December 2014 à 18:41
  2. Bonsoir,

    mettre à 0 le padding-top de la div #imcontent pourra ne pas suffire si la mise en forme du contenu prévoit une margin-top de valeur différente de 0.
    Il faut donc vérifier que le contenu (img, p, span, h, a, etc) a bien {margin-top: 0;}.

  3. Bien le bonjour !

    Fred a raison, j’ai tenté comme herisson41 m’y invitait, de modifier les divers padding sans succès.
    Le contenu de ma cellule est un diaporama.

    Sinon dans un autre fichier nommé index.css, j’ai trouvé cette ligne de code :
    #imObjectGallery_1 > div { margin: 0 auto; }
    Le « auto » ne serait-il pas destiné à centrer le contenu en plein milieu de la cellule ?

    Isa

  4. Les margin auto à gauche et à droite permettent de centrer un élément bloc dans un autre élément bloc à condition de ce denier dispose d’un width approprié.

    Ta cellule est-elle un élément de tableau (td) ou une div?
    Pour un td le margin ne fonctionne pas et le propritété vertical-align est disponible.
    vertical-align : top | middle | bottom

    Pour une div, il faut faire attention aux propriété et aux éléments imbriqués.
    Si ton contenu n’est pas directement dans la cellule tes propriété ne fonctionneront pas.
    Le padding est la marge interieur d’un bloc le margin est la marge extérieure.

    Si cela ne marche toujours peut-tu nous donner le bout de code HTML qui correspond à ce css?

Identifiez-vous

perdu ?

Pas encore inscrit ?

Register