Sujet Précédent Sujet Suivant

Tableau par une boucle: cellules pas alignées

Résolu/Fermé
moicjm Messages postés 271 Date d'inscription mardi 16 octobre 2007 Statut Membre Dernière intervention 12 décembre 2012 - 2 oct. 2008 à 12:33
moicjm Messages postés 271 Date d'inscription mardi 16 octobre 2007 Statut Membre Dernière intervention 12 décembre 2012 - 9 oct. 2008 à 14:14
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

Réponse 1 / 5
Absinthe06 Messages postés 102 Date d'inscription vendredi 11 juillet 2008 Statut Membre Dernière intervention 7 juillet 2010 11
2 oct. 2008 à 12:45
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 mardi 16 octobre 2007 Statut Membre Dernière intervention 12 décembre 2012 18
2 oct. 2008 à 13:57
Merci de cette réponse, mais non, il y a toujours un décroché...
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894 > moicjm Messages postés 271 Date d'inscription mardi 16 octobre 2007 Statut Membre Dernière intervention 12 décembre 2012
2 oct. 2008 à 14:51
tu as bien <tr>

essayes de mettre l'attribut align="left" dans les balises td
0
Réponse 2 / 5
hani_ Messages postés 333 Date d'inscription lundi 22 septembre 2008 Statut Membre Dernière intervention 18 novembre 2009 20
2 oct. 2008 à 15:00
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 mardi 16 octobre 2007 Statut Membre Dernière intervention 12 décembre 2012 18
2 oct. 2008 à 16:21
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 mardi 16 octobre 2007 Statut Membre Dernière intervention 12 décembre 2012 18 > moicjm Messages postés 271 Date d'inscription mardi 16 octobre 2007 Statut Membre Dernière intervention 12 décembre 2012
2 oct. 2008 à 16:41
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
Réponse 3 / 5
hani_ Messages postés 333 Date d'inscription lundi 22 septembre 2008 Statut Membre Dernière intervention 18 novembre 2009 20
2 oct. 2008 à 17:59
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 mardi 16 octobre 2007 Statut Membre Dernière intervention 12 décembre 2012 18
9 oct. 2008 à 12:38
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
Réponse 4 / 5
hani_ Messages postés 333 Date d'inscription lundi 22 septembre 2008 Statut Membre Dernière intervention 18 novembre 2009 20
9 oct. 2008 à 12:44
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 mardi 16 octobre 2007 Statut Membre Dernière intervention 12 décembre 2012 18
9 oct. 2008 à 13:36
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 mardi 16 octobre 2007 Statut Membre Dernière intervention 12 décembre 2012 18 > moicjm Messages postés 271 Date d'inscription mardi 16 octobre 2007 Statut Membre Dernière intervention 12 décembre 2012
9 oct. 2008 à 13:49
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
Réponse 5 / 5
hani_ Messages postés 333 Date d'inscription lundi 22 septembre 2008 Statut Membre Dernière intervention 18 novembre 2009 20
9 oct. 2008 à 13:51
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 mardi 16 octobre 2007 Statut Membre Dernière intervention 12 décembre 2012 18
9 oct. 2008 à 14:14
Pas bête, merci !
0

Discussions similaires

liste de noms par ordre alphabétique
alma -
alma13 -

23 réponses
ou sont les bananes ?
Liline -
Le Pro -

2 réponses
Mon pc s'allume et s'éteint en boucle
Jack -
Daniel -

16 réponses
Impossible d'afficher le rapport de tableau croisé dynamique sur un rapport
Utilisateur anonyme -
TomH. -

13 réponses
Trouver le nom d'un tableau avec sa photo.
lillo56 -
zetnot -

11 réponses