problème avec inclusion de menu

**Abou Zar** · 12/12/2009, 19h14

Bonjour,
J'ai conçu mon menu sous fireworks que je veux inserrer dans la partie gauche de ma page d'accueil en exportant le code php. Mais dans le navigateur mon menu se trouve dans la partie definie pour le corps de ma page.
J'ai exporté le code de ma bannière de la partie entete de la même manière qui marche bien.
Mais dans le menu j'ai utilisé l'outil decoupe pour les liens.
Merci bien de m'aider!
Voici mon code 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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
/* CSS Document */
 
body
{  background-color: #FFFFFF;
   /*width: 2000px;*/
   width:98%;
 
   margin: left;
 
      margin-top: 0px;
   margin-bottom: 0px;    
 
}
 
/* L'en-tête */
 
#en_tete
{ 
 
  width:1237px;
 
   height: 140px;
 
   margin-bottom:10px;
}
 
/* Le menu */
 
#menu
{
    float: left;
   width: 210px;
   height:910px;
 
}
 
/* Le corps de la page */
#corps
{
   margin-left: 230px;
   margin-bottom: 0px;
   padding: 5px;
   background-color: #F4F4F4;
   height:900px;
   background-repeat: repeat-x;
   border: 2px solid black;
   background-repeat: repeat-x;
 
  /* border: 2px solid black;*/
}
 
 
.element_corps
{
    margin-top: 0px;
	margin:center;
	border-width: thick;	
   margin-bottom: 20px;
   /*background-color: #0080FF;*/
 
}
 
 
.element_corps ul
{
color:#333333;
font-size:25px;
}
 
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
 
#pied_de_page
{
 
    padding: 0px;
 
   text-align: center;
 
   color: #B3B3B3;
   background-color: #626262;
 
   background-repeat: repeat-x;
 
   border: 2px solid black;
margin-top:0px;
 
 
 
 
}

Voici comment j'inserre mon fichier dans le html

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
       <div id="en_tete">
 
	     </div>
 
       <!-- Les menus -->
 
       <div id="menu" >    
 
 
       </div>

le fichier new_menu2.php est le nom que j'ai donné en exportant le code dreamweaver de mon menu depuis fireworks.
Les dimensions sous fireworks sont largeur 206 px et 900px pour hauteur.

**sebhm** · 12/12/2009, 23h27

Bonjour,

donne nous le code HTML généré (sans le PHP) complet et dis nous quelle partie (<div>) devrait être à gauche

**Abou Zar** · 14/12/2009, 09h41

Bonjour,
C'est le div suivant qui doit être à gauche

Voici le code HTML
Merci bien de m'aider!

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<style type="text/css">
td img {display: block;}
</style>
 
<table border="0" cellpadding="0" cellspacing="0" width="1000">
  <!-- fwtable fwsrc="new_menu2.png" fwbase="new_menu2.jpg" fwstyle="Dreamweaver" fwdocid = "57351627" fwnested="0" -->
  <tr>
    <td><img src="spacer.gif" width="315" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="11" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="5" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="63" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="7" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="78" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="23" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="11" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="487" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>
  <tr>
    <td colspan="9"><img name="new_menu2_r1_c1" src="new_menu2_r1_c1.jpg" width="1000" height="107" border="0" id="new_menu2_r1_c1" alt="" /></td>
    <td><img src="spacer.gif" width="1" height="107" border="0" alt="" /></td>
  </tr>
  <tr>
    <td rowspan="12"><img name="new_menu2_r2_c1" src="new_menu2_r2_c1.jpg" width="315" height="1193" border="0" id="new_menu2_r2_c1" alt="" /></td>
    <td colspan="6"><a href="affiche_dernier.php" target="_blank"><img name="new_menu2_r2_c2" src="new_menu2_r2_c2.jpg" width="187" height="29" border="0" id="new_menu2_r2_c2" alt="" /></a></td>
    <td rowspan="4" colspan="2"><img name="new_menu2_r2_c8" src="new_menu2_r2_c8.jpg" width="498" height="101" border="0" id="new_menu2_r2_c8" alt="" /></td>
    <td><img src="spacer.gif" width="1" height="29" border="0" alt="" /></td>
  </tr>
  <tr>
    <td colspan="6"><img name="new_menu2_r3_c2" src="new_menu2_r3_c2.jpg" width="187" height="22" border="0" id="new_menu2_r3_c2" alt="" /></td>
    <td><img src="spacer.gif" width="1" height="22" border="0" alt="" /></td>
  </tr>
  <tr>
    <td colspan="5"><a href="appel_recherche1.php" target="_blank"><img name="new_menu2_r4_c2" src="new_menu2_r4_c2.jpg" width="164" height="26" border="0" id="new_menu2_r4_c2" alt="" /></a></td>
    <td rowspan="2"><img name="new_menu2_r4_c7" src="new_menu2_r4_c7.jpg" width="23" height="50" border="0" id="new_menu2_r4_c7" alt="" /></td>
    <td><img src="spacer.gif" width="1" height="26" border="0" alt="" /></td>
  </tr>
  <tr>
    <td colspan="5"><img name="new_menu2_r5_c2" src="new_menu2_r5_c2.jpg" width="164" height="24" border="0" id="new_menu2_r5_c2" alt="" /></td>
    <td><img src="spacer.gif" width="1" height="24" border="0" alt="" /></td>
  </tr>
  <tr>
    <td colspan="7"><a href="appel_recherche2.php" target="_blank"><img name="new_menu2_r6_c2" src="new_menu2_r6_c2.jpg" width="198" height="27" border="0" id="new_menu2_r6_c2" alt="" /></a></td>
    <td rowspan="8"><img name="new_menu2_r6_c9" src="new_menu2_r6_c9.jpg" width="487" height="1092" border="0" id="new_menu2_r6_c9" alt="" /></td>
    <td><img src="spacer.gif" width="1" height="27" border="0" alt="" /></td>
  </tr>
  <tr>
    <td colspan="7"><img name="new_menu2_r7_c2" src="new_menu2_r7_c2.jpg" width="198" height="91" border="0" id="new_menu2_r7_c2" alt="" /></td>
    <td><img src="spacer.gif" width="1" height="91" border="0" alt="" /></td>
  </tr>
  <tr>
    <td rowspan="6"><img name="new_menu2_r8_c2" src="new_menu2_r8_c2.jpg" width="11" height="974" border="0" id="new_menu2_r8_c2" alt="" /></td>
    <td colspan="3"><a href="appel_decret.php" target="_blank"><img name="new_menu2_r8_c3" src="new_menu2_r8_c3.jpg" width="75" height="31" border="0" id="new_menu2_r8_c3" alt="" /></a></td>
    <td rowspan="6" colspan="3"><img name="new_menu2_r8_c6" src="new_menu2_r8_c6.jpg" width="112" height="974" border="0" id="new_menu2_r8_c6" alt="" /></td>
    <td><img src="spacer.gif" width="1" height="31" border="0" alt="" /></td>
  </tr>
  <tr>
    <td colspan="3"><img name="new_menu2_r9_c3" src="new_menu2_r9_c3.jpg" width="75" height="16" border="0" id="new_menu2_r9_c3" alt="" /></td>
    <td><img src="spacer.gif" width="1" height="16" border="0" alt="" /></td>
  </tr>
  <tr>
    <td rowspan="2"><img name="new_menu2_r10_c3" src="new_menu2_r10_c3.jpg" width="5" height="45" border="0" id="new_menu2_r10_c3" alt="" /></td>
    <td><a href="appel_loi.php" target="_blank"><img name="new_menu2_r10_c4" src="new_menu2_r10_c4.jpg" width="63" height="34" border="0" id="new_menu2_r10_c4" alt="" /></a></td>
    <td rowspan="2"><img name="new_menu2_r10_c5" src="new_menu2_r10_c5.jpg" width="7" height="45" border="0" id="new_menu2_r10_c5" alt="" /></td>
    <td><img src="spacer.gif" width="1" height="34" border="0" alt="" /></td>
  </tr>
  <tr>
    <td><img name="new_menu2_r11_c4" src="new_menu2_r11_c4.jpg" width="63" height="11" border="0" id="new_menu2_r11_c4" alt="" /></td>
    <td><img src="spacer.gif" width="1" height="11" border="0" alt="" /></td>
  </tr>
  <tr>
    <td colspan="3"><a href="affiche_dernier.php" target="_blank"><img name="new_menu2_r12_c3" src="new_menu2_r12_c3.jpg" width="75" height="30" border="0" id="new_menu2_r12_c3" alt="" /></a></td>
    <td><img src="spacer.gif" width="1" height="30" border="0" alt="" /></td>
  </tr>
  <tr>
    <td colspan="3"><img name="new_menu2_r13_c3" src="new_menu2_r13_c3.jpg" width="75" height="852" border="0" id="new_menu2_r13_c3" alt="" /></td>
    <td><img src="spacer.gif" width="1" height="852" border="0" alt="" /></td>
  </tr>
</table>

**sebhm** · 14/12/2009, 10h57

La mise en page par tableau, ce n'est plus à faire !!

sinon, le code HTML que tu donnes, c'est le code généré par new_menu2.php ?

Donne nous la page entiere pour voir comment il y est inclu, et pour qu'on puisse visualiser le probleme

problème avec inclusion de menu

CSS

Vue hybride

Discussions similaires

Partager

Partager