Affichage Tableau en Html

**Hiryue** · 16/02/2013, 17h56

Bonjour. Je travaille en ce moment sur deux projets différents, un site avec un design fixe, et un autre avec un design extensible.

J'ai d'abord commencé puis terminé celui au design fixe.
Sur une de mes pages j'ai utilise un code pour mettre en place en tableau qui fonctionne et s'affiche parfaitement.

Aujourd'hui, je suis donc en train d'avancer le site au design extensible, et j'ai voulu réutiliser le code du tableau. Le soucis, et c'est donc ce qui m'amène à venir chercher de l'aide, c'est que le tableau ne s'affiche simplement pas.
Le texte, les images que j'utilisais dedans eux s'affichent, mais pas l'aspect "graphique" du tableau, les différents "traits" en gros.

Voici la partie Html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<TABLE border="2" width="685" cellpadding="1">
        <TR bgcolor="aecdff" align="center">
            <TH width="140">Entrée 1
            <TH width="140">Entrée 2
            <TH width="450">Entrée 3
	    <TH width="400">Image
 
        <TR>
            <TD> <b>Valeur 1</b>
            <TD> <b>Valeur 2</b>
	    <TD> <b>Valeur 3</b>
	    <TD> <img src="image.jpg" width="75" height="50"/>
</TABLE>

Voici la partie CSS concernant le div où est positionné le Tableau :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
#corps
{
    margin-right: 20%;
    margin-left: 10%;	
    margin-bottom: 10px;
    margin-top: 5px; 
    padding: 10px;
    font-family: "Trebuchet MS","Times New Roman", Times, serif;
    color: black;
    font-size: 1em;
    background: #fff;
}

Si vous avez besoin d'en voir plus sur le CSS pour m'aider, dites moi la partie qui vous intéresse, mon CSS étant relativement long, ça rendrait ce topic assez moche et moins facile à lire.

Merci d'avance de l'intérêt que vous porterez à mon problème.

**NoSmoking** · 16/02/2013, 18h15

Bonjour,
elles sont où les balises fermantes

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

et ton autre code marche ?

**Hiryue** · 16/02/2013, 19h13

Pour les balises fermantes, j'avais déjà vu certains codes qui fonctionnaient même si on ne les mettait pas, et en effet, l'autre code est lu sans aucun soucis, j'ai d'ailleurs été le premier étonné.

Je viens quand même de faire l'essai de refermer chaque balise, mais le problème reste le même.

J'ai essayé de créer une page avec uniquement le code du tableau, sans CSS, pour voir si il s'affichait, et c'est en effet le cas.

Donc je ne sais pas si ça vient d'un soucis avec les propriétés d'un site extensible.

**Hiryue** · 16/02/2013, 19h51

Après une courte instigation, voici ce qu'il en ressort.

J'ai procédé de façon très simple, j'ai supprimé petit à petit toutes les lignes de code de la page, jusqu'à trouver la partie qui foire.

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<?php
    include ('connexion/connexion_membres_prive_non.php');
    header('Content-type: text/html; charset=iso-8859-1');
    include ('connexion/config_url.php');
    $titre = 'Titre du Site';
    include('commun/haut.php');
?>
<body>
 
<?php
 
   include ('commun/banniere.php');
   include ('commun/menu_h.php');   
   include ('commun/menu_d.php'); 
 
?>
 
    <div id="corps">
</br>	
		<h3 class="centre">Test Tableau</h3>
</br>
<TABLE border="2" width="685" cellpadding="1">
        <TR bgcolor="aecdff" align="center">
            <TH width="140">Entrée 1</TH>
            <TH width="140">Entrée 2</TH>
            <TH width="450">Entrée 3</TH>
	    <TH width="400">Image</TH>
      </TR>
 
        <TR>
            <TD> <b>Valeur 1</b></TD>
            <TD> <b>Valeur 2</b></TD>
	    <TD> <b>Valeur 3</b></TD>
	    <TD> <img src="image.jpg" width="75" height="50"/></TD>
        </TR>
 
 
    </TABLE>
</div>
 
<?php 
    include ('commun/footer.php'); 
?>
 
</body>
</html>

Voilà en gros la page en question avec le plus de simplification possible.

Donc, après mes différents tests, j'me suis rendu compte que le soucis venait des includes ligne 4 et 6, puisque lorsque je supprimais ces dernières, le tableau s'affichait à nouveau correctement, mais le design du site n'était plus pris en compte. J'avais juste une page blanche, avec toutes mes lignes écrites les unes à la suite des autres.

Voici l'include qui concerne "haut.php" :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
    <head>
 
    <?php
    if(isset($titre) && trim($titre) != '')
    $titre = $titre.'  '.TITRESITE;
    else
    $titre = TITRESITE;
    ?>
        <title><?php echo $titre; ?></title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta name="language" content="fr" />
        <meta http-equiv="pragma" content="no-cache" />
        <meta name="robots" content="index,follow" />	
        <link rel="shortcut icon" type="image/x-icon" href="<?php echo ROOTPATH; ?>/site2/favicon.ico" />		
        <link rel="stylesheet" title="Design" href="<?php echo ROOTPATH; ?>/site2/styles/main.css" type="text/css" media="screen" />
	<script type='text/javascript' src='<?php echo ROOTPATH; ?>/site2/js/jquery-1.3.2.min.js'></script>
	<script type='text/javascript' src='<?php echo ROOTPATH; ?>/site2/js/form_c.js'></script>	     
          <script type="text/javascript" src="<?php echo ROOTPATH; ?>/site2/js/jscripts/tiny_mce/tiny_mce.js"></script>
 
</head>

Voici l'include qui concerne "config_url.php" :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<?php
define(ROOTPATH, 'http://'.$_SERVER['HTTP_HOST'], true);
define(TITRESITE, '', true);
$queries = 0;
?>

Personnellement je n'arrive pas vraiment à trouver le soucis dans tout ça, merci à vous si vous réussissez à trouver !

**Hiryue** · 17/02/2013, 16h38

Désolé d'insister et de faire un triple post, mais je suis toujours dans la mouise, avec une précision à apporter.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" title="Design" href="<?php echo ROOTPATH; ?>/site2/styles/main.css" type="text/css" media="screen" />

Ca c'est la ligne qui me renvoie vers mon CSS pour gérer le design, c'est là que ça coince. Donc le soucis viendrait donc à priori de mon CSS.

Je le mets donc en pièce jointe, si quelqu'un à le courage de jeter un coup d'œil je lui en serais très reconnaissant !

**NoSmoking** · 20/02/2013, 18h12

Ca c'est la ligne qui me renvoie vers mon CSS pour gérer le design, c'est là que ça coince. Donc le soucis viendrait donc à priori de mon CSS.

qu'est ce qui coince réellement, observes le code HTML généré pour vérifier si cela correspond à ce que tu attends.

Je note quand même une incohérence dans le code fourni

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<TABLE border="2" width="685" cellpadding="1">
  <TR bgcolor="aecdff" align="center">
     <TH width="140">Entrée 1</TH>
     <TH width="140">Entrée 2</TH>
     <TH width="450">Entrée 3</TH>
     <TH width="400">Image</TH>

la TABLE fait 685 et la somme des TH fait 1130.

Affichage Tableau en Html

HTML

Discussions similaires

Partager

Partager