CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

CSS : Si align="right", margin = xx

EcarteLesPattes
EcarteLesPattes
Niveau 10
08 décembre 2011 à 18:53:24

Salut à tous,

Je débute complètement en html/CSS, et en fait j'aimerais que dans ma page, toutes les images qui sont alignées à droite ait une margin de xx à gauche mais rien à droite.

Et inversement, que toutes les images alignées à gauche ait une margin de xx à droite, mais rien à gauche. Comment je peux présenter ça ?

Merci d'avance...

ParaPlayGeek
ParaPlayGeek
Niveau 7
08 décembre 2011 à 18:58:49

Salut,

Tu peux créer deux classes CSS :

.img_left {
float: left;
margin-right: 10px;
}

.img_right {
float: right;
margin-left: 10px;
}

Et tu appliques la class aux images :)

Pour annuler l'effet du float :

.clear {
clear: both;
}

Et tu mets dans ton html un <div class="clear"></div> :-)))

EcarteLesPattes
EcarteLesPattes
Niveau 10
08 décembre 2011 à 19:19:28

Merci, par contre ça n'avait pas marché avec img_left, j'ai dû écrire img.left.

ParaPlayGeek
ParaPlayGeek
Niveau 7
08 décembre 2011 à 19:21:24

Bizarre, tu as bien mis dans le CSS : .img_left {} et dans le HTML : class="img_left" sur les images ?

Çà fonctionne sans soucis logiquement :)

EcarteLesPattes
EcarteLesPattes
Niveau 10
08 décembre 2011 à 19:30:31

Non tu te doutes bien que j'avais fait une boulette :rire:

J'ai mis class="left". Mais du coup ça marche avec le "img.left"

Anarcapisme
Anarcapisme
Niveau 20
08 décembre 2011 à 19:57:02

Bawi puisque img.left veut dire "toutes les images de la classe "left"" donc ça revient au même :noel:

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment