Mise en page de plusieurs <table>

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Mise en page de plusieurs <table>

Mise en page de plusieurs <table>

par pulcogeek » 10 mars 2014, 13:48

Bonjour,

Je précise que je ne suis pas très doué pour la création de page internet et je ne sais pas si je vais bien expliquer le problème

Actuellement j'ai plusieurs tableau à la suite
Image
Données :
- un rectangle = une <table>
- en double cliquant sur la ligne 1 la ligne 2 apparait

Problème :
- lorsque la ligne 2 est affichée, le tableau est décalé par rapport aux autres.

Voici mon code de la page si ca peut vous aider :

if(isset($_GET['c']) && $_GET['c'] != "")
{
....$liste_tickets=liste_tickets($_GET['c']);
........while ($row_t = mysql_fetch_array($liste_tickets))
........{
............//On regarde si il y a eu des interventions pour ce ticket
............$liste_interventions=liste_interventions($row_t['ticketID']);
............echo '<table border="1" id="list_tickets" style="padding:0">';
................echo '<tr id="voir_'.$row_t['ticketID'].'" onDblClick="display_inter('.$row_t['ticketID'].');">';
....................echo '<td><div class="cell-dev">+/-</div></td>';
....................echo '<td><div class="cell-id">'.$row_t['ticketID'].'</div></td>';
....................echo '<td><div class="cell-name">'.$row_t['name'].'</div></td>';
....................echo '<td><div class="cell-subject">'.$row_t['subject'].'</div></td>';
....................echo '<td><div class="cell-date">'.$row_t['created'].'</div></td>';
....................echo '<td><div class="cell-ip">'.$row_t['ip_address'].'</div></td>';
....................echo '<td><div class="cell-timer"><img src="../_img/control_power.png" alt="timer" title="timer" /></div></td>';
................echo '</tr>';
................echo '<tr id="cache_'.$row_t['ticketID'].'" onDblClick="cache_inter('.$row_t['ticketID'].');"" style="display:none;">';
....................echo '<td><div class="cell-dev">+/-</div></td>';
....................echo '<td><div class="cell-id">'.$row_t['ticketID'].'</div></td>';
....................echo '<td><div class="cell-name">'.$row_t['name'].'</div></td>';
....................echo '<td><div class="cell-subject">'.$row_t['subject'].'</div></td>';
....................echo '<td><div class="cell-date">'.$row_t['created'].'</div></td>';
....................echo '<td><div class="cell-ip">'.$row_t['ip_address'].'</div></td>';
....................echo '<td><div class="cell-timer"><img src="../_img/control_power.png" alt="timer" title="timer" /></div></td>';
................echo '</tr>';

................//Ajout des interventions
................while ($row_i = mysql_fetch_array($liste_interventions))
................{
....................echo '<tr id="intervention_'.$row_t['ticketID'].'" style="display:none;">';
........................echo '<td><div class="cell-dev">'.$row_i['intervention_user'].'</div></td>';
........................echo '<td><div class="cell-id">'.$row_i['intervention_user'].'</div></td>';
........................echo '<td><div class="cell-name">'.$row_i['intervention_user'].'</div></td>';
........................echo '<td><div class="cell-subject">'.$row_i['intervention_user'].'</div></td>';
........................echo '<td><div class="cell-date">'.$row_i['intervention_user'].'</div></td>';
........................echo '<td><div class="cell-ip">'.$row_i['intervention_user'].'</div></td>';
........................echo '<td><div class="cell-timer">'.$row_i['intervention_user'].'</div></td>';
....................echo '</tr>';
................}
............echo '</table>';
........}
}


Mon CSS contient uniquement la taille des cellules et la gestion de débordement exemple
.cell-dev{
overflow:hidden;
height:15px;
width:20px;
}


Ce décalage me gène assez mais je ne comprend pas pourquoi. Sachant qu'en inspectant la page je crois que ca rajoute une bordure pour la 2eme ligne ce qui crée le décalage.

Merci de votre aide