Image qui se fait la malle à cause de la marge (css) (Créer un compte)

  • Statut : non résolu
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #473572
    Julobox
    Membre
    WordPress Knight
    138 contributions

    Bonjour à vous toutes et tous,

    j’ai un souci bête et méchant, voyez-vous. Le genre de truc que je réussissait à réaliser d’habitude et qui là pose problème. Un problème de CSS.

    J’ai un div d’une certaine largeur. Disons 400 pixels. Dans cette div, j’ai 2 images de taille différente, qui ont toutes les deux une attribution de marge à droit de 20 px, car je veux que ces deux images (image1: 300px de large et image2: 80px de large) soient séparées par un vide de 20px. Logique.

    Seulement comme cette marge de 20px est aussi appliquée sur la deuxième image, le tout dépasse les 400px de la div qui les contient, et la deuxième image s’enfuit donc sous sa grande soeur avec un retour à la ligne extrêmement disgracieux.

    J’ai essayé le overflow:hidden, rien n’y fait. Comment résoudre ce petit problème à votre avis?

    NB: voici une petite image pour illustrer le tout. Merci d’avance.

    schemawp.jpg

    #688380
    Maitre Mo
    Participant
    WordPress Master
    1653 contributions

    Merde, sans Firebug je suis nul !
    Pourquoi ne pas créer une classe css distincte pour chaque image, sinon ?

    #688381
    jessy
    Participant
    WordPress Knight
    461 contributions
    Julobox wrote:
    car je veux que ces deux images (image1: 300px de large et image2: 80px de large) soient séparées par un vide de 20px.

    Bonjour

    Je ne vois vraiment pas où est le problème ou alors j’ai rien compris.

    Autrement et bien il suffit tout simplement de ne mettre qu’un margin-right sur l’image 1 et rien sur la 2. Seulement voilà ça paraît tellement évident qu’il doit y avoir quelque chose que je n’ai pas saisi.

    Julobox wrote:
    Logique.

    Beh non !! car je ne pense pas qu’il soit logique de créer une marge pour la cacher, à quoi ça sert ??

    #688382
    Julobox
    Membre
    WordPress Knight
    138 contributions

    Bon. Vous êtes loin d’avoir tort, vous deux.

    Je m’explique sur le pourquoi du comment de l’origine du problème: je voulais essayer d’avoir un code le plus compact possible avec un minimum de div à ouvrir dans le code (question de maintenance future).

    Mais finalement, je le concède, c’est se compliquer la vie pour rien si ce n’est l’apparition de problèmes du genre. j’ai donc créé une nouvelle div avec de nouveeaux attributs, et ça fonctionne au poil (le site sur lequel je travaille n’est pas celui affiché dans mon profil).

    Merci pour m’avoir ramené à la raison.

4 sujets de 1 à 4 (sur un total de 4)
  • Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.