Probléme de mise en page(html)

**planete-web** · 18/12/2007, 19h34

bonjour a tous.
j'ai un petit probleme avec ma page d'accueil.
je n'arrive pas a inserer des photos a coté d'un menu vertical.
[IMG]

[/IMG]
j'aimerai placer des photos a l'emplacement du carré rouge.
merci d'avance pour votre aide.
cordialement.

**Bisûnûrs** · 18/12/2007, 19h51

Il ne te reste plus qu'à lire les cours :

Div et CSS : une mise en page rapide et facile

**Poussy-Puce** · 18/12/2007, 20h45

Envoyé par Bisûnûrs

Il ne te reste plus qu'à lire les cours :

Div et CSS : une mise en page rapide et facile

Ça... ou un peu de code... ça aide!!!

**webmatrix** · 18/12/2007, 21h22

Envoyé par planete-web

bonjour a tous.
j'ai un petit probleme avec ma page d'accueil.
je n'arrive pas a inserer des photos a coté d'un menu vertical.

Comment veux-tu qu'on t'aide si tu nous dit pas avec quoi t'as construit ton site? à la main ou par des cms (Content Management System) ?

Sinon, le concept est génial

**Bisûnûrs** · 18/12/2007, 21h37

Envoyé par webmatrix

Sinon, le concept est génial

Concept ?

**webmatrix** · 18/12/2007, 21h49

Envoyé par Bisûnûrs

Concept ?

en cliquant sur "citer" dans son message, tu peux voir le lien qui mène vers son site

**clb56** · 18/12/2007, 22h00

Salut,

quelque chose comme ça j'imagine

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
17
18
19
20
21
22
23
24
25
 
<body>
<ul id="menu1">
   <li>Lien 1-1</li>
   <li>Lien 1-2</li>
   <li>Lien 1-3</li>
</ul>
<ul id="menu2">
   <li>Lien 2-1</li>
   <li>Lien 2-2</li>
   <li>Lien 2-3</li>
</ul>
<div id="document_specific_content">
   <h1>Telle photo</h1>
   <p>
      <img src=...>
   </p>
</div>
<div id="seguela_dream">
   <p>Pub1</p>
   <p>Pub2</p>
   <p>Pub3</p>
</div>
 
</body>

Et pour le traitement css media="screen"

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
 
ul#menu1 {
list-style-type:none;
margin-left:0;
padding-left:0;
text-align:center;/* c'est juste pour le fun :)) */
}
ul#menu1 li {
display:inline;
margin:0 10px;
}
ul#menu2 {
float:left;
margin-right:20px;/* Histoire d'aérer un peu */
}
#seguela_dream {
clear:both;
}

+ quelques petites adaptations pour que tout soit aussi zouli que Mlle Bruni

**webmatrix** · 18/12/2007, 22h07

Merci de m'avoir aidé à résoudre le problème

**planete-web** · 18/12/2007, 22h58

j'ai creé mon site avec webexpert 6.

**planete-web** · 18/12/2007, 23h12

voici le code de ma page.

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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
 
<html>
<!-- Date de création: 14/12/2007 -->
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title></title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="author" content="version enregistrée">
  <meta name="generator" content="WebExpert 6">
</head>
<BODY BGCOLOR="#FDFFEB">
&nbsp;&nbsp;&nbsp;&nbsp;
<img src="../image/Capture01.jpg" border="0" width="300" height="70" alt="">
<script language="Javascript" src="http://www.webmasteroo.com/date.php?s=1177115827&f=2">
</script>
<form method="post" action="recherche.php">
Votre recherche:
<input type="text" name="recherche" />
Votre mode de recherche:
<select name="mode">
<option value="expression_exacte">Expression exacte</option>
<option value="tous_les_mots">Tous les mots</option>
<option value="un_mot">Au moins un mot</option>
</select>
<input type="submit" value="Rechercher" name="rechercher" />
</form>
<SCRIPT>
menuhz  = 1          
bgcolor ='#000000';  
bgcolor2='#A7B2E9';  
bgcolor3='#6375D6';  
bgcolor4='#ffffff';  
largeur = 110
hauteur = 30
i       = 0
menup = new Array;
menup[i++]='Accueil:';    
menup[i++]='http://www.**'; 
menup[i++]='Acheter:';
menup[i++]='http://www.***';
menup[i++]='Aide:';
menup[i++]='http://www.**';
menup[i++]='Contact:';
menup[i++]='http://www.**'; 
menup[i++]='Payer:';
menup[i++]='http://www.**';
menup[i++]='Plan du site:';
menup[i++]='http://www.**';
menup[i++]='Inscription:';
menup[i++]='http://www.**';
menup[i++]='Identification:';
menup[i++]='http://www.**';
menup[i++]='Vendre:';
menup[i++]='http://www.**';
document.write('<style>');
document.write('.ejsmenu {color:'+bgcolor4+'; cursor:hand;}')
document.write('</style>')
document.write('<DIV ID=top><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR='+bgcolor3+' WIDTH='+(menuhz?largeur*menup.length/2:largeur) +' HEIGHT='+hauteur+'><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=100%>'+(menuhz?'<tr>':''))
for(pass=0;pass<menup.length;pass+=2) 
 document.write((menuhz?"":"<tr>")+"<TD WIDTH="+largeur+" ALIGN=center BGCOLOR="+bgcolor+" onMouseDown='location.href=\""+menup[pass+1]+"\"' onMouseOver='this.style.background=\""+bgcolor2+"\"' onMouseOut='this.style.background=\""+bgcolor+"\"' CLASS=ejsmenu><FONT SIZE=2 FACE=Verdana><B>"+menup[pass]+"</B></FONT></TD>")
document.write('</tr></TABLE></TD></TR></TABLE></DIV>')
</SCRIPT>
<br><br>
  <SCRIPT>
menuhz  = 0          
bgcolor ='#000000';  
bgcolor2='#A7B2E9';  
bgcolor3='#6375D6';  
bgcolor4='#ffffff'; 
largeur = 170
hauteur = 600
i       = 0
menup = new Array;
menup[i++]='Agriculture:'; 
menup[i++]='http://www.**';  
menup[i++]='Arts et antiquités:';
menup[i++]='http://www.**';
menup[i++]='Automobiles:';
menup[i++]='http://www.**';
menup[i++]='Bateau:';
menup[i++]='http://www.**'; 
menup[i++]='Beauté:';
menup[i++]='http://www.**';
menup[i++]='Bébé';
menup[i++]='http://www.**';
menup[i++]='Bien-être:';
menup[i++]='http://www.**';
menup[i++]='Bijoux:';
menup[i++]='http://www.**';
menup[i++]='Bricolage:';
menup[i++]='http://www.**';
menup[i++]='Céramiques:';
menup[i++]='http://www.**';
menup[i++]='Cinéma';
menup[i++]='http://www.**';
menup[i++]='Collectins:';
menup[i++]='http://www.**';
menup[i++]='Consoles:';
menup[i++]='http://www.**';
menup[i++]='Electroménagers:';
menup[i++]='http://www.**';
menup[i++]='Home-cinéma:';
menup[i++]='http://www.**';
menup[i++]='informatiques:';
menup[i++]='http://www.**';
menup[i++]='Instruments:';
menup[i++]='http://www.**';
menup[i++]='Jeux vidéo:';
menup[i++]='http://www.**';
menup[i++]='Livres-revues:';
menup[i++]='http://www.**';
menup[i++]='Meubles:';
menup[i++]='http://www.**';
menup[i++]='Parfums:';
menup[i++]='http://www.**';
menup[i++]='Photos-vidéos:';
menup[i++]='http://www.**';
menup[i++]='Sports:';
menup[i++]='http://www.**';
menup[i++]='Téléphonie:';
menup[i++]='http://www.**';
menup[i++]='TV-sons:';
menup[i++]='http://www.**';
menup[i++]='Utilitaires:';
menup[i++]='http://www.**';
menup[i++]='Vacances:';
menup[i++]='http://www.**';
menup[i++]='Vêtements:';
menup[i++]='http://www.**';
menup[i++]='Timbres:';
menup[i++]='http://www.**';
document.write('<style>');
document.write('.ejsmenu {color:'+bgcolor4+'; cursor:hand;}') //default
document.write('</style>')
document.write('<DIV ID=top><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR='+bgcolor3+' WIDTH='+(menuhz?largeur*menup.length/2:largeur) +' HEIGHT='+hauteur+'><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=100%>'+(menuhz?'<tr>':''))
for(pass=0;pass<menup.length;pass+=2) 
 document.write((menuhz?"":"<tr>")+"<TD WIDTH="+largeur+" ALIGN=center BGCOLOR="+bgcolor+" onMouseDown='location.href=\""+menup[pass+1]+"\"' onMouseOver='this.style.background=\""+bgcolor2+"\"' onMouseOut='this.style.background=\""+bgcolor+"\"' CLASS=ejsmenu><FONT SIZE=2 FACE=Verdana><B>"+menup[pass]+"</B></FONT></TD>")
document.write('</tr></TABLE></TD></TR></TABLE></DIV>')
</SCRIPT>
<br><br><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<!-- code Milimel à inserer -->
<script type="text/javascript" language="javascript" src="http://www.milimel.com/site/data/ban.js"></script>
<script type="text/javascript" language="javascript">ban(6731461);</script>
<!-- fin du code -->
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<script type="text/javascript"><!--
hericom_ad_client = "4293";
hericom_ad_width = 120;
hericom_ad_height = 60;
hericom_ad_image = 2;
hericom_ad_format = "120x60_as";
//--></script>
<script type="text/javascript"><!--
google_ad_client = "pub-4190198820709153";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "image";
google_ad_channel = "";
//-->
</script>
<script type="text/javascript"><!--
hericom_ad_client = "0";
hericom_ad_width = 120;
hericom_ad_height = 60;
hericom_ad_format = "120x60_as";
//--></script>
<script type="text/javascript" src="http://www.hericom.com/portail/modules/radio/radio.php?">
</script>
<br><br>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br><br><br><br>
<center>
<img src="http://counter.lwserv1.com/cgi-bin/Counter/Count.exe?df=planete-web.org.index.html.txt&frgb=ff0000">
</center>
<center>
<a href="http://www.servimg.com/image_preview.php?i=38&u=11638017"  target="_blank" >
<img src="http://i13.servimg.com/u/f13/11/63/80/17/th/noel_011.gif" border="0" alt="Image hébergée par servimg.com" /></a>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.servimg.com/image_preview.php?i=37&u=11638017"  target="_blank" >
<img src="http://i13.servimg.com/u/f13/11/63/80/17/th/noel_010.gif" border="0" alt="Image hébergée par servimg.com" /></a>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<FONT COLOR="#FF6600"><font size="+6"><b><i><u>BONNE FETES</u></i></b></font></FONT>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.servimg.com/image_preview.php?i=37&u=11638017"  target="_blank" >
<img src="http://i13.servimg.com/u/f13/11/63/80/17/th/noel_010.gif" border="0" alt="Image hébergée par servimg.com" /></a>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.servimg.com/image_preview.php?i=38&u=11638017"  target="_blank" >
<img src="http://i13.servimg.com/u/f13/11/63/80/17/th/noel_011.gif" border="0" alt="Image hébergée par servimg.com" /></a>
</center>
<br><br><br><br><br><br><br>
<center>
<font size="+1">Copyright © ************* 2007</font>
</center>
</body>
</html>

cela vous aidera peut etre a comprendre ce que je veut faire .
excuser moi d'avoir ete aussi vague dans ma premiere question.
cordialement.

**webmatrix** · 18/12/2007, 23h16

Envoyé par webmatrix

en cliquant sur "citer" dans son message, tu peux voir le lien qui mène vers son site

Qu'est ce que je suis

c'était pas son site!!!!

met ce code après

Code :

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

1
2
3
4
5
6
 
<hr size="5" noshade>
<br>
<hr size="5" noshade>
<br><br>
<center>

à la ligne 46

Code :

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

1
2
3
4
5
6
7
 
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="150">ICI MENU VERTICAL</td>
    <td>ICI LE CONTENU DU MILIEU</td>
  </tr>
</table>

Enregistre ton fichier quelque part avant de l'écraser, fait un backup

Sinon, pourquoi tu n'utilise pas un cms (Content Management System) pour ton site? par exemple oscommerce...

**webmatrix** · 18/12/2007, 23h19

D'après ton nouveau post, met ce que je venais de te dire juste après

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script type="text/javascript"><!--
hericom_ad_client = "0";
hericom_ad_width = 120;
hericom_ad_height = 60;
hericom_ad_format = "120x60_as";
//--></script>
<script type="text/javascript" src="http://www.hericom.com/portail/modules/radio/radio.php?">
</script>
<br><br>

**planete-web** · 19/12/2007, 00h04

merci a vous tous mon probleme est résolu .
je croit que sans vous je serai toujours a l'ouest .
merci encore et bonne nuit a vous tous.
cordialement.

**webmatrix** · 19/12/2007, 06h56

De rien,

T'as oublié de mettre

Probléme de mise en page(html)

HTML

Discussions similaires

Partager

Partager