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.
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 ??
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.
Auteur
Messages
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.
Défiler vers le haut
Gérer le consentement aux cookies
Pour offrir les meilleures expériences, nous utilisons des technologies telles que les cookies pour stocker et/ou accéder aux informations des appareils. Le fait de consentir à ces technologies nous permettra de traiter des données telles que le comportement de navigation ou les ID uniques sur ce site. Le fait de ne pas consentir ou de retirer son consentement peut avoir un effet négatif sur certaines caractéristiques et fonctions.
Fonctionnel
Toujours activé
Le stockage ou l’accès technique est strictement nécessaire dans la finalité d’intérêt légitime de permettre l’utilisation d’un service spécifique explicitement demandé par l’abonné ou l’utilisateur, ou dans le seul but d’effectuer la transmission d’une communication sur un réseau de communications électroniques.
Préférences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistiques
Le stockage ou l’accès technique qui est utilisé exclusivement à des fins statistiques.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
Le stockage ou l’accès technique est nécessaire pour créer des profils d’utilisateurs afin d’envoyer des publicités, ou pour suivre l’utilisateur sur un site web ou sur plusieurs sites web à des fins de marketing similaires.