Création d'une table php un peu particuliere

powerguitou Messages postés 512 Statut Membre -  
powerguitou Messages postés 512 Statut Membre -
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

2 réponses

  1. Nhay Messages postés 838 Date d'inscription   Statut Membre Dernière intervention   126
     
    table{border-collapse:collapse; } peut-être ?
    0
  2. powerguitou Messages postés 512 Statut Membre 29
     
    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
    0
    1. powerguitou Messages postés 512 Statut Membre 29
       
      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);
      }
      
      0
    2. powerguitou Messages postés 512 Statut Membre 29
       
      personne n'a d'idées?
      0
    3. powerguitou Messages postés 512 Statut Membre 29
       
      Bon ben je vais faire ma solution de départ qui est de crée plusieurs div.
      merci quand même a la communauté.
      bye a vous
      0