Aller au contenu

Sujets conseillés

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

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

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).

Posté

Reuh,

donne l'url de ta page stp, je vais aller tester moi-même, pour pas dire de bêtises :P

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"

Posté

J'attendais de voir l'url avant de donner mon avis sur les tableaus :P

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 ?

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 !

Posté

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

Mais l'usage des tableaux n'est probablement pas la meilleure solution ;)

Posté

Dan, le text-align n'alignera pas le tableau à droite à priori ?

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.

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" ;)

Posté

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

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
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

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

Veuillez vous connecter pour commenter

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



Connectez-vous maintenant
×
×
  • Créer...