Aller au contenu

alignement de tableaux

bobolito

Par bobolito
dans (X)HTML et CSS

 Partager

Sujets conseillés

bobolito

bobolito

Posté
Posté

Bonjour,

le problème doit être assez commun mais je n'ai pas réussi à trouver d'autres post le traitant alors voilà :

comment aligner des tableaux avec les css ? est ce qu'il y a une propriété qui remplace le "align" ?

Disons que mon tableau est sur une ligne et que je ne connais pas à l'avance le nombre de cellules, comme je fais pour qu'elles s'alignent à droite (non pas le contenu mais la cellule elle-même) ?

merci

Lien vers le commentaire
Partager sur d’autres sites
Sarc

Sarc

Posté
Posté

Salut,

je ne comprends pas bien le problème, tu demandes au début 'aligner un tableau, ensuite d'aligner une cellule, bref tu es contradictoire avec toi même !

En fait faudrait plus m'expliquer pour que je puisse répondre, surtout le petit matin :P

Lien vers le commentaire
Partager sur d’autres sites
bobolito

bobolito

Posté
  • Auteur
Posté

Salut,

c'est tout le tableau que je veux aligner...

mon tableaux est dans une grande et belle cellule et je voudrais qu'il (le tableau) soit aligné à droite dans cette cellule, sachant qu'il (le tableau) n'en prend pas 100% (de la cellule).

Lien vers le commentaire
Partager sur d’autres sites
Raphael

Raphael

Posté
Posté

Je sens que tu commences mal : à quoi vont te servir ces tableaux imbriqués ?

Sinon, pour "aligner" un élément bloc à droite ou à gauche, tu peux utiliser la propriété "float"

Lien vers le commentaire
Partager sur d’autres sites
bobolito

bobolito

Posté
  • Auteur
Posté

heu,

ça ça va pas être possible rien n'est en ligne...

voilà un morceau de code qui reflète mon pb :

<table width="100%">
<tr>
    <td>
    <table>
    <tr>
        <td>cellule 1</td>
        <td>cellule 2</td>
    </tr>
    </table>
    </td>
</tr>
</table>

le 2ème table est par défaut aligné à gauche.

si je veux l'aligner à droite, en html, je mets "align=right" (abandonné je sais...) dans les attributs du tag <table>.

et si je veux utiliser une css pour faire la même chose ?

Lien vers le commentaire
Partager sur d’autres sites
Sarc

Sarc

Posté
Posté

Si tu apprends le CSS, oublie effectivement ces tables la, ce sont des tables de mise en page alors que le CSS le fait si bien, et simplement !

Lien vers le commentaire
Partager sur d’autres sites
bobolito

bobolito

Posté
  • Auteur
Posté

ok merci pour le float...

j'étais en train d'écrire ma réponse, pris par l'élan, j'ai pas vu les autres.

c'est à dire que je n'ai pas trop eu le choix pour les tableaux.

je sais que c'est pas "propre" d'utiliser ça pour la présentation mais c'est un peu compliqué...

enfin merci encore.

Lien vers le commentaire
Partager sur d’autres sites
Raphael

Raphael

Posté
Posté
Tout simplement un 'style="text-align:right;" ', non ?

Text-align est prévu pour aligner des éléments de type en-ligne et textuels.

Il n'est pas sensé s'appliquer aux éléments de type bloc (ou assimilés) comme les tableaux... Un seul navigateur n'interpête pas cette restriction et applique text-align sur les blocs (devinez lequel).

Bref, l'une des solutions pour aligner un bloc à droite est d'utiliser "float" ;)

Lien vers le commentaire
Partager sur d’autres sites
Raphael

Raphael

Posté
Posté (modifié)
Je parlais du text-align au niveau de la cellule contenant le tableau bien sûr, pas pour le tableau lui-même ... ;)

Oui mais ça revient au même : appliquer un text-align à une cellule, va aligner le contenu (en-ligne) de cette cellule.

Ici, le contenu de cette cellule est un tableau (donc pas une balise en ligne) et cette solution ne *devrait* pas fonctionner en théorie... sauf sur IE.

... à moins que je n'aie rien compris au problème, ce qui est somme toute assez probable aussi ! :D

Modifié par Sibelius
Lien vers le commentaire
Partager sur d’autres sites
Sarc

Sarc

Posté
Posté

Je suis (théoriquement) plutôt d'accord avec Sibelius, c'est pour ça que j'avais dit que le tableau ne serait pas aligné grâce au text-align...

Sibelius tu as compris le problème je suppose :P

Et il est sympa IE de nous aligner même ce qu'on veut pas qu'il aligne :blink::P

Lien vers le commentaire
Partager sur d’autres sites
bobolito

bobolito

Posté
  • Auteur
Posté (modifié)

Salut,

je revoie un peu ma copie (boulet).

si je veux faire un menu avec une image sur la gauche et un ensemble de liens (horizontaux) sur la droite, dans ce goût là :

<head>
<style type="text/css">
#menu {width:500px;}
#menu ul {list-style-type: none;margin:0;padding:0;}
#menu li {float:left;}
#menu #imageDuMenu {width:200px;background-color:#888;}
#menu #liensDuMenu {width:300px;}
</style>
</head>
<body>
<div id="menu">
     <ul>
        <li>
            <div id="imageDuMenu">
                 <img src="" width="xx" height="xx" alt="image menu">
            </div>
        </li>
        <li>
            <div id="liensDuMenu">
              <ul>
                <li>
                    <a href="">Menu 1</a>
                </li>
                <li>
                    <a href="">Menu 2</a>
                </li>
                <li>
                    <a href="">Menu 3</a>
                </li>
                <li>
                    <a href="">Menu 4</a>
                </li>
               </ul>
             </div>
        </li>
      </ul>
</div>
</body>

même problème : je ne sais pas comment faire pour que les "liens du menu" soient alignés à droite...

<bobolito, pense à utiliser les tags CODE pour que ton code soit plus facile à lire. Merci>

Modifié par Monique
Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...