Tableau par une boucle: cellules pas alignées
Résolu
moicjm
Messages postés
276
Statut
Membre
-
moicjm Messages postés 276 Statut Membre -
moicjm Messages postés 276 Statut Membre -
Bonjour,
Pour afficher à l'écran les données de ma base de données, j'ai créé une boucle qui affiche toutes les lignes demandées.
Il s'agit d'un tableau traditionnel <table> <tr> <td>.
Pour le structurer, j'ai fixé la width de la table en pixels et la width des <td> en %.
Le probleme, c'est que le rendu est tres mauvais : les colonnes ne sont pas alignées...
Quels conseils me donneriez vous pour que mon tableau soit propre...?
MERCI !
JM
Pour afficher à l'écran les données de ma base de données, j'ai créé une boucle qui affiche toutes les lignes demandées.
Il s'agit d'un tableau traditionnel <table> <tr> <td>.
Pour le structurer, j'ai fixé la width de la table en pixels et la width des <td> en %.
Le probleme, c'est que le rendu est tres mauvais : les colonnes ne sont pas alignées...
Quels conseils me donneriez vous pour que mon tableau soit propre...?
MERCI !
JM
A voir également:
- Tableau par une boucle: cellules pas alignées
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Imprimer tableau excel sur une page - Guide
- Tableau croisé dynamique - Guide
5 réponses
Salut !
essaye de rajouter dans ta balise <table> l'attribut align="left", et dis moi ce que ca donne ;)
essaye de rajouter dans ta balise <table> l'attribut align="left", et dis moi ce que ca donne ;)
heu... CSS vous connaissez ?
PS attention un ul a de base un padding sur ie et un margin sur ff
il faut les initialiser a 0 si vous ne voulez pas de probleme de compatibilité
PS attention un ul a de base un padding sur ie et un margin sur ff
il faut les initialiser a 0 si vous ne voulez pas de probleme de compatibilité
html
<ul>
<li></li>
<li></li>
<li></li>
</ul>
css
ul{
margin:0;
padding:0;
width:900px;
}
li{
display:inline;
float:left;
padding:0 5px ;
list-style:none;
width:290px;
}
c'est le plus simple...
<ul>
<li></li>
<li></li>
<li></li>
</ul>
css
ul{
margin:0;
padding:0;
width:900px;
}
li{
display:inline;
float:left;
padding:0 5px ;
list-style:none;
width:290px;
}
c'est le plus simple...
Merci ;)
Bon, j'ai réussi à fixer les largeurs et je te remercie...
J'ai maintenant un autre souci... toujours avec le meme tableau:
J'ai ma premiere ligne qui est spéciale : elle donne les intitulés des colonnes. Pas de boucle évidamment pour elle car elle n'est appelée qu'une seule fois en haut du tableau. Ensuite vient mon tableau appelée par une boucle (que je viens de rendre propre).
MAintenant, ce sont les colonnes de la première ligne qui ne sont pas alignées avec les colonnes de mon tableau.. Pourtant je leur ai affecté les memes "width" aux <li> et les pour toutes les <li> : padding et margin: 0. Et enfin, le <ul> sont exactement les memes...
Merci encore..!
Bon, j'ai réussi à fixer les largeurs et je te remercie...
J'ai maintenant un autre souci... toujours avec le meme tableau:
J'ai ma premiere ligne qui est spéciale : elle donne les intitulés des colonnes. Pas de boucle évidamment pour elle car elle n'est appelée qu'une seule fois en haut du tableau. Ensuite vient mon tableau appelée par une boucle (que je viens de rendre propre).
MAintenant, ce sont les colonnes de la première ligne qui ne sont pas alignées avec les colonnes de mon tableau.. Pourtant je leur ai affecté les memes "width" aux <li> et les pour toutes les <li> : padding et margin: 0. Et enfin, le <ul> sont exactement les memes...
Merci encore..!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
essayes de mettre l'attribut align="left" dans les balises td