Se connecter avec
S'enregistrer | Connectez-vous

Centrer tableau mais aligner texte à gauche

Dernière réponse : dans Programmation

Salut,

Je voudrais savoir comment, dans les nouveaux standards, on peut centrer un tableau mais en alignant le texte qu'il contient à gauche. J'ai cherché sur le net mais les solutions données ne fonctionnent ni dans IE ni dans FireFox (comme ça). En fait ce n'est pas obligé d'être un tableau, tout ce que je veux c'est que le texte soit au milieu de la page, mais qu'il soit aligné à gauche.

À noter que le tableau va contenir une liste de plusieurs centaines de lignes et que je dois pouvoir mettre des images à gauche et à droite de cette liste.

Voici un dessin (très) basique de ce que ça donnerait:


______________________________
|-----------------------------|
|-----◻------Allo ------------|
|------------Allo-------------|
|-----◻------Patate-----------|
|------------Poil-------◻-----|
|------------Un---------------|
|-----◻------Deux-------------|
|------------Un---------------|
|------------Deux-------◻-----|
|-----------------------------|
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

(les ti-carrés sont des images, ignorez les tirets)

Merci!
Lassé par la pub ? Créez un compte
Expert Programmation

Salut,

Tu crées un bloc <div> dont tu définis les propriétés css :
  1. #mon_bloc_div {
  2. width: 500px; // par exemple (tu peux aussi définir la largeur en "em" ou en %)
  3. margin: auto; // pour centrer le bloc !
  4. text-align: left;
  5. }


Pour les images, il te restera à créer d'autres blocs <div> que tu positionneras par exemple en leur appliquant un "float: left" ou "float: right" en css

En espérant que ça réponde à ta question. :) 
Lassé par la pub ? Créez un compte