probleme positionnement include css

**sd110676** · 18/06/2007, 10h40

salut tout le monde
mon probleme est le suivant: j'ai un tabeau imbriqué dans un autre avec la fonction include() et du css. mais le tableua imbrique ne se positionne pas en haut de tableau parrent il y a tjs un espace
voila le code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<table id ="tableau">
 <tr>
 <td class = "droite"> 
  <? include ("menu_droite.html");?>
 </td>
  <td class = "centre">
fddddfdfdfd
  </td>
   <td class = "gauche" >  
   </td>
   </tr>
   </table>

le code de ("menu_droite.html")

Code :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html dir="rtl"xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar" >
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="style.css" /> 
     <table id ="menu">
        <tr>
            <td >blabla </td>
		</tr>	
             <tr>
            <td > blabladf</td>
		</tr>
		 <tr>
            <td > blabladf</td>
		</tr>
     </table>
</html>

et le css

Code :

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
 
 
#menu { top:0px;}
#menu td
{
 
margin-top:0px; 
 
   background-color: #aa25ee; 
height:40px;width:150px;
  border-collapse: collapse ;
padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;
border-width:0px; border-style:none;
}
 
.droite{ width:15%;background-color :#fafafa;}
 
td.droite
{
 
background-color:#05768f;
top:0px;
border-collapse: collapse ;
padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;
border-width:0px; border-style:none;
 
}
 
#tableau tr
{
vertical-align: top;
border-collapse: collapse ;
padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;
border-width:0px; border-style:none;
 
}

comment faire pour que le tableau menu se colle en haut du tableau parrent sans espaces???

**Clorish** · 18/06/2007, 11h32

bon deja, quand je code en php via includes, j'inclut un php et non un html (mais la n'est pas le probleme) mais en plus, il faut supprimer le header de la page "menu_droite" car ils ont deja ete envoyé par la page principale.

**sd110676** · 18/06/2007, 12h15

merci
la page contenante est en php .dans la page menu_droite il n y apas de head mais le probleme reste tjs

**Clorish** · 18/06/2007, 13h32

ca c'est un autre probleme

Je ne suis pas encore assez expert en CSS pour y repondre mais j'en ai profiter pour rendre un peu plus coherent ta structure

Invité · 18/06/2007, 13h44

Pourquoi n'utilises-tu pas des calques ? Ils sont bien plus pratiques que les tableaux !

**DanielCosta** · 18/06/2007, 16h21

Tu ne peux pas inclure une page qui contient

Code :

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

1
2
3
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html dir="rtl"xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar" >
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="style.css" />

dans une autre!