Aligner 4 images avec un espacement différent

Bonsoir, voilà je me trouve dans une impasse depuis plusieurs jours. Je cherche à pouvoir aligner 4 png horizontalement pour créer le menu, seulement l'espacement sera différent entre chacun d'eux. Voilà à quoi ca devrait ressembler:



J'espère qu'une âme charitable pourra me décoincer, je commence sérieusement à désespérer...

Bonjour,

La solution dépend de ton code HTML et des décalages souhaités (horizontalement? verticalement? proportionnellement à la taille de la police? ...). Mais déjà, en supposant que tu donnes à tes images des id comme "image1", "image2", ... (tu peux changer ces noms évidemment), et si tu veux par exemple décaler la troisième image de 10px vers la droite, tu ajoutes dans ton css :

#image3 {padding-left:10px;}

Pour ajouter de l'espace à droite, en haut ou en bas d'une image, utilise le même principe avec respectivement "padding-right", "padding-top" et "padding-bottom".

Tu as plusieurs autres possibilités pour faire ces décalages (avec des "position:relative;" par exemple).

A adapter selon tes besoins.

Amicalement,
Modifié par parsimonhi (11 Jun 2014 - 08:40)