Page 1 sur 1

Mise en page de plusieurs <table>

Posté : 10 mars 2014, 13:48
par pulcogeek
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