Tableau par une boucle: cellules pas alignées

Résolu
moicjm Messages postés 271 Date d'inscription   Statut Membre Dernière intervention   -  
moicjm Messages postés 271 Date d'inscription   Statut Membre Dernière intervention   -
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
A voir également:

5 réponses

Absinthe06 Messages postés 102 Date d'inscription   Statut Membre Dernière intervention   11
 
Salut !

essaye de rajouter dans ta balise <table> l'attribut align="left", et dis moi ce que ca donne ;)
0
moicjm Messages postés 271 Date d'inscription   Statut Membre Dernière intervention   18
 
Merci de cette réponse, mais non, il y a toujours un décroché...
0
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894 > moicjm Messages postés 271 Date d'inscription   Statut Membre Dernière intervention  
 
tu as bien <tr>

essayes de mettre l'attribut align="left" dans les balises td
0
hani_ Messages postés 333 Date d'inscription   Statut Membre Dernière intervention   20
 
remplace le tableau par un <ul>
display:inline et clear:left sur le ul et float:left sur le li
0
moicjm Messages postés 271 Date d'inscription   Statut Membre Dernière intervention   18
 
ouh là, ca me fait un joyeux bazar.
J'ai compris la manip..mais ca me mets tout n'importe comment...

Par exemple; peu on fixer la largeur, comme par exemple : <ul width="2200px">?

MERCI !
0
moicjm Messages postés 271 Date d'inscription   Statut Membre Dernière intervention   18 > moicjm Messages postés 271 Date d'inscription   Statut Membre Dernière intervention  
 
Et même, peut on mettre un :

<ul width="2200px">
<li width="40%">... </li>
<li width="20%">... </li>
<li width="40%">... </li>
</ul>


Parce que chez moi, cette structure ne marche pas trop trop...
0
hani_ Messages postés 333 Date d'inscription   Statut Membre Dernière intervention   20
 
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é
0
moicjm Messages postés 271 Date d'inscription   Statut Membre Dernière intervention   18
 
génial, merci .. Mais les cellules ne sont toujours pas alignées... J'n'arrive vraiment pas à fixer de manière cohérente leur largeur... Ca me fait un tableau tres tres moche !
0
hani_ Messages postés 333 Date d'inscription   Statut Membre Dernière intervention   20
 
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...
0
moicjm Messages postés 271 Date d'inscription   Statut Membre Dernière intervention   18
 
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..!
0
moicjm Messages postés 271 Date d'inscription   Statut Membre Dernière intervention   18 > moicjm Messages postés 271 Date d'inscription   Statut Membre Dernière intervention  
 
ok, c'était a cause des overflow, qui étaient différent...
overflow-y: scroll;
overflow-x: hidden;

MERCI !!!!
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
hani_ Messages postés 333 Date d'inscription   Statut Membre Dernière intervention   20
 
Genere l'ouverture du <ul> avant ta premiere ligne (nom des colonnes)
genere ta premiere ligne (celle qui est unique)
genere les autre lignes avec ta boucle
fait fermer le </ul> quand toutes tes lignes on été générées...
0
moicjm Messages postés 271 Date d'inscription   Statut Membre Dernière intervention   18
 
Pas bête, merci !
0