Création d'une table php un peu particuliere
Bonjour,
j'ai une table de 6 colonne sur 2 ligne, jusque la rien exceptionnelle,mais j'aimerais faire une chose un peu particulière.
J'aimerais que ma 2eme ligne chevauche le bas de la première ligne.
Vous penser que c'est possible?
Il y a bien la solution de crée 2 div et placer une ligne dans chaque div,mais cette solution ne me plait pas trop.
merci a vous
j'ai une table de 6 colonne sur 2 ligne, jusque la rien exceptionnelle,mais j'aimerais faire une chose un peu particulière.
J'aimerais que ma 2eme ligne chevauche le bas de la première ligne.
Vous penser que c'est possible?
Il y a bien la solution de crée 2 div et placer une ligne dans chaque div,mais cette solution ne me plait pas trop.
merci a vous
2 réponses
-
table{border-collapse:collapse; } peut-être ?
-
Border collapse ne fait que fusionné les bordure non?
voila une photo qui peut être aidera a comprendre.
Tu vois les pseudo chevauche les barres et c'est cela que je cherche a mettre en place
http://powerguitou.free.fr/stats.png
merci de ta réponse-
Au cas ou quelqu'un passe par la, voila mon code:
<table><tr height='320px'> <?php $note[1]= 700; #note donnée $nom[1]='ben laden'; $note[2]= 1000; #note donnée $nom[2]='abdul'; $note[3]= 5000; #note donnée $nom[3]='ben laden'; $note[4]= 8800; #note donnée $nom[4]='Jesus'; $note[5]= 9000; #note donnée $nom[5]='ben laden'; $note[6]= 10000; #note donnée $nom[6]='ben laden'; $notemax=10000; $hauteurimgmax=300; for ($i=6;$i>0;$i--) { $hauteur=intval($note[$i]/$notemax*$hauteurimgmax); if ($hauteur>$hauteurimgmax) $hauteur=$hauteurimgmax; if ($note <3333) { $src='/images/barre3.png'; } else { if ($note <6666) { $src='/images/barre2.png'; } else { $src='/images/barre1.png'; }} echo "<td><div style='height:300px;width:100px;bottom:0px;'>\n"; echo "<img src='".$src."' style='position:relative;top:".($hauteurimgmax-$hauteur)."px;left:25px;width:50px;height:".$hauteur."px;'></div>\n</td>\n"; $line2 .="<td><p class='Notationnoms'>".$nom[$i]."</p></td>\n"; } echo "</tr>\n<tr>".$line2; ?> </tr></table>
et pour la class.Notationnoms{ margin-top:15px; transform: rotate(-45deg); -moz-transform: rotate(-45deg); } -
-
-
