Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 13/04/2011, 18h39   #1
Invité de passage
 
Homme
Inscription : avril 2011
Messages : 4
Détails du profil
Informations personnelles :
Sexe : Homme

Informations forums :
Inscription : avril 2011
Messages : 4
Points : 0
Points : 0
Par défaut Comment insérer 2 images en fond différentes

Bonjour à tous et merci pour l'aide que vous voudrez bien m'accorder.

Bon, je suis très nul en création de site, mais je bidouille (le terme est juste) par nécessité.
Bref, j'avais créé un site www.visites-spectacles.com qui commence a être bien obsolète et je veux lui donner un image plus fraiche et plus artistique qu'actuellement.

Actuellement le code c'est ça :
Code :
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
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
 
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
 
Title      : Mr. Techie
Version    : 1.0
Released   : 20070822
Description: Three-column blog design with the third column allocated for ads. Features Web 2.0 design ideal for 1024x768 resolutions.
 
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Visites Spectacles, visites guidées animée par des artistes, L'Esprit de Montmartre, L'Enigme des Passages Couverts</title>
<meta name="description" content="Visites Spectacles, Visite guidée insolite de Paris, visite de Montmartre, visite guidée théâtralisée, Team building rallye Montmartre, Visite guidée animée par des artistes, Visite guidée Paris, Balade Paris, Balade Montmartre, balade passage couverts, balade Saint Germain, balade Notre Dame, Visite insolite de Paris, Visiter Paris, Visit Paris, Original walking tour of Paris with artists, Original guided tour of Paris with artists, New guided tour of Paris with artists; L'Esprit de Montmartre, Passage des Princes, Passage des Panoramas, Passages Verdeau, Passage Jouffroy, English-speaking"/>
<meta name="keywords" content="Visites guidées de Paris animées par des artistes, L'Enigme des Passages Couverts, L'Esprit de Montmartre, L'Espion de Saint-Germain, Visite guidée insolite de Montmartre, Visites-Spectacles, visite guidée théâtralisée, visite guidée théatrâle,  Team building rallye Montmartre, Visite guidée animée par des artistes, Visite guidée Paris, Balade Paris, Balade Montmartre, Visite insolite de Paris, Visiter Paris, Visit Paris, Original walking tour of Paris with artists, Original guided tour of Paris with artists, New guided tour of Paris with artists; L'Esprit de Montmartre, Passage des Princes, Passage des Panoramas, Passages Verdeau, Passage Jouffroy, English-speaking" />
<meta name="author" content="Bertrand PENNINCKX"/>
<link href="default.css" rel="stylesheet" type="text/css" media="screen" />
<style type="text/css"> 
<!--
body {
	background-image: url();
	background-color: #A0C0A0;
	margin-left: 0px;
	margin-right: 0px;
}
body,td,th {
	color: #544F4B;
}
-->
</style></head>
<body>
<!-- start header -->
<div id="header">
	<div id="logo">
		<h1>&nbsp;</h1>
		<p>Visites guidées animées par des artistes</p>
	</div>
	<div id="rss"><a href="http://www.facebook.com/visites.spectacles" target="_blank">RSS et Facebook <img src="images/facebook.jpg" alt="Facebook" width="20" height="20" border="0" longdesc="http://www.facebook.com/visites.spectacles" /></a></div>
	<div id="search">
		<form id="searchform" method="get" action="">
			<fieldset>
				<input type="text" name="s" id="s" size="15" value="" />
				<input type="submit" id="x" value="Search" />
			</fieldset>
		</form>
	</div>
</div>
<!-- end header -->
<!-- star menu -->
<div id="menu">
  <ul>
		<li class="current_page_item"><a href="index.html" title="Accueil">Home</a></li>
	</ul>
<span class="current_page_item"><a href="http://visitesspectacles.onvaou.com/" title="Réservations" target="_blank">Réservations</a><a href="coulisses.html" title="Coulisses">Coulisses</a><a href="rallyes.html">Rallyes</a><a href="mailto:info@visites-spectacles.com" title="Contacts">Contacts</a></span></div>
<!-- end menu -->
<!-- start page -->
<div id="page">
	<!-- start ads -->
	<div id="ads">
	  <p><a href="http://visitesspectacles.onvaou.com/" target="_blank"><img src="images/ticket.png" alt="Tickets" width="155" height="88" border="0" longdesc="http://visitesspectacles.onvaou.com/" /></a>
	    <object class="dm_videowall logo_right" width="134" height="424" data="http://www.dailymotion.com/videowall/user/Visites-Spectacles&cols=1&rows=6&brand=right&space=4" type="application/x-shockwave-flash">
	      <param name="movie" value="http://www.dailymotion.com/videowall/user/Visites-Spectacles&cols=1&rows=6&brand=right&space=4" />
	      <param name="allowscriptaccess" value="always" />
	      <param name="wmode" value="transparent" />
        </object>
	  </p>
	  <h3><a style="display: block; width: 130px; margin: -25px 0 0 0px; font-size: 10px; color: #193D5E; text-decoration: none;" href="http://www.dailymotion.com" target="_blank" title="Powered by Dailymotion">Powered by <span style=" text-decoration: underline;">Dailymotion</span></a></h3>
<h3>Un spectacle en 3 D :</h3>
<ul>
  <li>Divertissement</li>
  <li>Découverte</li>
  <li>Didactique
	<!-- end ads -->
	<!-- start content -->
  </li>
</ul>
  </div>
	<div id="content">
	<div class="post">
			<div class="title">
				<h2>Actualité</h2>
			  <p><marquee class="Scroller" behavior="scroll" direction="left" width="100%" 
height="19" scrollamount="4" scrolldelay="0" onmouseover="this.stop()" 
onmouseout="this.start()">
		          Les r&eacute;servations de <strong>l'Esprit de Montmartre</strong>, sont ouvertes allez vite sur l'onglet Réservations
              </marquee></p>
			</div>
	  <div class="entry">
	    <table width="428" height="45" border="0">
	      <tr>
	        <td height="29"><SCRIPT LANGUAGE="JavaScript"> 
imgPath = new Array; 
SiClickGoTo = new Array; 
 
if (document.images) 
{ 
i0 = new Image; 
i0.src = 'images/imagestop/Esprit-de-Montmartre00.jpg'; 
SiClickGoTo[0] = "images/imagestop/Affiche-esprit-de-montmartre.jpg"; 
imgPath[0] = i0.src; 
i1 = new Image; 
i1.src = 'images/imagestop/Esprit-de-Montmartre01.jpg'; 
SiClickGoTo[1] = "images/imagestop/Affiche-esprit-de-montmartre.jpg"; 
imgPath[1] = i1.src; 
i2 = new Image; 
i2.src = 'images/imagestop/Esprit-de-Montmartre02.jpg'; 
SiClickGoTo[2] = "images/imagestop/Affiche-esprit-de-montmartre.jpg"; 
imgPath[2] = i2.src;
i3 = new Image; 
i3.src = 'images/imagestop/Esprit-de-Montmartre03.jpg'; 
SiClickGoTo[3] = "images/imagestop/Affiche-esprit-de-montmartre.jpg"; 
imgPath[3] = i3.src;
i4 = new Image; 
i4.src = 'images/imagestop/Esprit-de-Montmartre04.jpg'; 
SiClickGoTo[4] = "images/imagestop/Affiche-esprit-de-montmartre.jpg"; 
imgPath[4] = i4.src;
i5 = new Image; 
i5.src = 'images/imagestop/Esprit-de-Montmartre05.jpg'; 
SiClickGoTo[5] = "images/imagestop/Affiche-esprit-de-montmartre.jpg"; 
imgPath[5] = i5.src;
i6 = new Image; 
i6.src = 'images/imagestop/Enigme-passages-couverts00.jpg'; 
SiClickGoTo[6] = "images/imagestop/Affiche-Passages-couverts.jpg"; 
imgPath[6] = i6.src;
i7 = new Image;
i7.src = 'images/imagestop/Enigme-passages-couverts01.jpg'; 
SiClickGoTo[7] = "images/imagestop/Affiche-Passages-couverts.jpg";
imgPath[7] = i7.src;
i8 = new Image; 
i8.src = 'images/imagestop/Enigme-passages-couverts02.jpg'; 
SiClickGoTo[8] = "images/imagestop/Affiche-Passages-couverts.jpg"; 
imgPath[8] = i8.src;
i9 = new Image; 
i9.src = 'images/imagestop/Enigme-passages-couverts03.jpg'; 
SiClickGoTo[9] = "images/imagestop/Affiche-Passages-couverts.jpg"; 
imgPath[9] = i9.src;
i10 = new Image; 
i10.src = 'images/imagestop/Enigme-passages-couverts04.jpg'; 
SiClickGoTo[10] = "images/imagestop/Affiche-Passages-couverts.jpg"; 
imgPath[10] = i10.src;
i11 = new Image; 
i11.src = 'images/imagestop/Enigme-passages-couverts05.jpg'; 
SiClickGoTo[11] = "images/imagestop/Affiche-Passages-couverts.jpg"; 
imgPath[11] = i11.src;
} 
a = 0; 
function ejs_img_fx(img) 
{ 
if(img && img.filters && img.filters[0]) 
{ 
img.filters[0].apply(); 
img.filters[0].play(); 
} 
} 
 
function StartAnim() 
{ 
if (document.images) 
{ 
document.write('<A HREF="#"onClick="ImgDest();return(false)"><IMG SRC="http://www.--------.jpg" BORDER=0 ALT="Lire la news" NAME=defil style="filter:progid:DXImageTransform.Microsoft.Fade(duration=1.5,overlap=2.0)"></A>'); 
defilimg() 
} 
else 
{ 
document.write('<A HREF="http://www.---------.htm"><IMG SRC="http://www.--------.jpg" BORDER=0></A>') 
} 
} 
function ImgDest() 
{ 
window.open(SiClickGoTo[a-1],'mainFrame') 
} 
function defilimg() 
{ 
if (a == 12) 
{ 
a = 0; 
} 
if (document.images) 
{ 
ejs_img_fx(document.defil) 
document.defil.src = imgPath[a]; 
tempo1 = setTimeout("defilimg()",2000); 
a++; 
 
} 
} 
 
function MM_preloadImages() { //v3.0 
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); 
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) 
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} 
} 
 
</SCRIPT> 
 
<script language="JavaScript" type="text/javascript"> 
StartAnim() 
</script> 
</td>
          </tr>
        </table>
	    <h2>Un concept Unique</h2><p>Ceux qui parlent le mieux des  «&nbsp;<strong>Visites-Spectacle</strong>s&nbsp;», ce sont encore les spectateurs… Il n’y a qu’à  parcourir les avis laissés sur différents sites pour s’en convaincre :<br />
        <em>«&nbsp;1h30 de pur bonheur!&nbsp;»  «&nbsp;Joie et bonne humeur!&nbsp;» «&nbsp;On y est allé avec nos enfants  adolescents et ils ont adoré… C’est la première fois qu’une visite parvient à  les intéresser…&nbsp;»&nbsp;«&nbsp;Une façon ludique de découvrir Montmartre,  on entre dans une histoire passionnante. Le temps de la visite, on est à  l’époque de Toulouse Lautrec…&nbsp;» «&nbsp;On a chanté, on a dansé, ça donne  la pêche!&nbsp;» «&nbsp;1h30 de vacances, hors du temps&nbsp;»  «&nbsp;Merveilleux, convivial!&nbsp;» «&nbsp;Ce n’est ni une visite guidée, ni  du théâtre, mais les deux à la fois et mieux encore!&nbsp;» «&nbsp;Cela va être  difficile de faire d’autres visites guidées traditionnelles à présent, elles  risquent de paraître bien fades!&nbsp;»</em>
		  </p>
	    <blockquote>
	      <p>Il y a plusieurs niveaux de  lecture dans ces spectacles intergénérationnels qui vont du pur plaisir d’être  emporté dans une fabuleuse histoire à celui de s’instruire en s’amusant.</p>
	    </blockquote>
	    <p> Une mise en relief,  de la  ville que l’on aborde différemment, que l’on croyait connaître et qui pourtant  se révèle pleine de surprises. Comme dans ces livres pop-up que les enfants (et  les parents) adorent où l’on se demande à chaque page que l’on tourne quel  nouvel enchantement va soulever notre imagination… Car nos visites sont conçues  comme un spectacle en décor «&nbsp;taille réelle&nbsp;» duquel surgissent des  personnages incroyables, aux costumes somptueux, interprétés par des comédiens  professionnels dont tous les spectateurs louent la disponibilité et l’énergie  communicative. La mise en scène est enlevée et elle révèle d’une manière  inédite des lieux touristiques qui semblent enfin retrouver la parole !</p>
	  </div>
	</div>
  </div>
	<!-- end content -->
	<!-- start sidebar -->
  <div id="sidebar">
		<ul>
			<li id="categories">
				<h2>Les balades</h2>
				<ul>
					<li><a href="http://www.onvaou.com/sortir-l%26rsquo%3Benigme-des-passages-couverts,evenement-3964" title="Enigme passages couverts" target="_blank">L'Enigmes des Passages Couverts </a>(ouvert) </li>
					<li><a href="http://www.onvaou.com/sortir-l-esprit-de-montmartre,evenement-2082" title="Esprit de Montmartre" target="_blank">L'Esprit de Montmartre</a> (réouverture le samedi 30 avril)</li>
				</ul>
			</li>
			<li id="calendar">
				<h2>Agenda</h2>
				<div id="calendar_wrap">
			  <table id="wp-calendar" summary="Calendar">
						<caption>
						Avril 2011
						</caption>
						<thead>
							<tr>
								<th abbr="Monday" scope="col" title="Monday">L</th>
								<th abbr="Tuesday" scope="col" title="Tuesday">M</th>
								<th abbr="Wednesday" scope="col" title="Wednesday">M</th>
								<th abbr="Thursday" scope="col" title="Thursday">J</th>
								<th abbr="Friday" scope="col" title="Friday">V</th>
								<th abbr="Saturday" scope="col" title="Saturday">S</th>
								<th abbr="Sunday" scope="col" title="Sunday">D</th>
							</tr>
						</thead>
						<tfoot>
							<tr>
								<td abbr="July" colspan="3" id="prev"><a href="http://visitesspectacles.onvaou.com/" target="_blank">&laquo; Mars</a></td>
								<td class="pad">&nbsp;</td>
								<td abbr="September" colspan="3" id="next" class="pad"><a href="http://visitesspectacles.onvaou.com/" target="_blank">Mai &raquo;</a></td>
							</tr>
						</tfoot>
						<tbody>
							<tr>
								<td colspan="2" class="pad">&nbsp;</td>
								<td>1</td>
								<td>2</td>
								<td>3</td>
								<td>4</td>
								<td>5</td>
							</tr>
							<tr>
								<td>6</td>
								<td>7</td>
								<td>8</td>
								<td>9</td>
								<td>10</td>
								<td>11</td>
								<td>12</td>
							</tr>
							<tr>
								<td height="32">13</td>
								<td>14</td>
								<td>15</td>
								<td>16</td>
								<td>17</td>
								<td>18</td>
								<td>19</td>
						  </tr>
							<tr>
								<td>20</td>
								<td>21</td>
								<td>22</td>
								<td>23</td>
								<td>24</td>
								<td>25</td>
								<td>26</td>
							</tr>
							<tr>
								<td>27</td>
								<td>28</td>
								<td>29</td>
								<td>30</td>
								<td>31</td>
								<td class="pad" colspan="2">&nbsp;</td>
							</tr>
						</tbody>
				  </table>
				</div>
			</li>
		</ul>
	<ul>
	  <li>
	    <h2>Dans les coulisses</h2>
	    <ul>
	      <li><a href="coulisses.html" title="le producteur">L'Equipe de création</a></li>
	      <li><a href="coulisses.html" title="Artistes">Les artistes</a></li>
	      <li><a href="coulisses.html" title="Actualité">L'actualité des visites</a></li>
		      <li><a href="coulisses.html" title="Presse">La presse</a></li>
	      <li><a href="http://www.tripadvisor.fr/" title="Tripadvisor" target="_blank">Vos commentaires</a></li>
	      <li><a href="coulisses.html" title="Liens">Liens</a></li>
        </ul>
      </li>
    </ul>
		<p> Nos <strong>Visites-Spectacles</strong> correspondent  parfaitement à une demande des touristes (et des habitants des grandes villes)  actuels qui ne veulent plus être de simples consommateurs mais des acteurs  intelligents de leur propre savoir, «&nbsp;piétons culturels&nbsp;», en éveil,  impliqués dans une intrigue qui se joue au fil des rencontres plus étonnantes  les unes que les autres… Il y a un côté «&nbsp;Il était une fois&nbsp;» dans  ces visites interactives qui procurent la sensation grisante de remonter le  temps et d’entrer dans une autre dimension où se mêlent Histoire et fiction,  une mise en mémoire vive de notre patrimoine…</p>
  </div>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
	<p>
	  <!-- end sidebar -->
  </p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
</div>
<!-- end page -->
<!-- start footer -->
<div id="footer">
	<p class="legal">
		&copy;2011 La Fabrique à Spectacles
  &nbsp;&nbsp;&bull; Tel 01 48 58 37 12 - Fax&nbsp;01&nbsp;<span class="links">48 58 32 30 &bull; Licence n° 2-1039019</span></p>
	<p class="legal">&bull; Crédits images <a href="http://www.facebook.com/#!/rcambi" target="_blank">Robin Cambianica </a>&amp; Freder  <span class="legal">&bull;</span><a href="http://validator.w3.org/check/referer" class="xhtml" title="This page validates as XHTML"> Design by Fee CSS Templates</a><span class="legal"> &amp; Freder</span><a href="http://validator.w3.org/check/referer" class="xhtml" title="This page validates as XHTML"><span class="legal">&nbsp;</span></a><span class="legal">&bull;</span> <a href="http://validator.w3.org/check/referer" class="xhtml" title="This page validates as XHTML"> Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a>&nbsp;&bull;&nbsp;<a href="http://jigsaw.w3.org/css-validator/check/referer" class="css" title="This page validates as CSS">Valid <abbr title="Cascading Style Sheets">CSS</abbr></a>	</p>
</div>
<!-- end footer -->
</body>
</html>
Et en fait je voudrait ajouter une image fixe dans le fond à gauche et une image fiwe dans le fond à droite mais différente.
Vous verrez mieux ce que je cherche sur le site www.msn.fr
en fait je voudrais intégrer comme les images du bigmac

c'est pour mettre deux affiches de spectacles que je gère.

Allez...je donnerai 2 places à celui qui aura la gentillesse de m'aider.
TKX
bertrandsaisrien est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/04/2011, 19h12   #2
Futur Membre du Club
 
Homme
Développeur informatique
Inscription : janvier 2011
Messages : 23
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations professionnelles :
Activité : Développeur informatique

Informations forums :
Inscription : janvier 2011
Messages : 23
Points : 17
Points : 17
Par défaut Une seule et meme image

Salut à toi,
Si tu navigues sous firefox, fais un p'tit clic droit sur l'image du hamburger du site de msn et clique "afficher l'image de fond"...
Ce n'est qu'une seule et meme image...
Si tu ne peux pas faire ca ou que ca ne répond pas à ton problème, tiens-nous au jus...
silverockets est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 14/04/2011, 09h11   #3
Invité de passage
 
Homme
Inscription : avril 2011
Messages : 4
Détails du profil
Informations personnelles :
Sexe : Homme

Informations forums :
Inscription : avril 2011
Messages : 4
Points : 0
Points : 0
Par défaut Merci pour cette première info intéressante

mais une fois que j'aurais créé mon image de 1090 pixel pour qu'elle déborde de 100pixel de chaque côté, comment puis je faire pour qu'elle reste en fond central et ne bouge jamais ?
Merci par avance
bertrandsaisrien est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 14/04/2011, 09h24   #4
Membre éclairé
 
Avatar de Ceddoc
 
Homme Cédric
Développeur Java / Web / .NET
Inscription : janvier 2009
Messages : 327
Détails du profil
Informations personnelles :
Nom : Homme Cédric
Âge : 23
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Java / Web / .NET
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : janvier 2009
Messages : 327
Points : 369
Points : 369
il faut utiliser la propriété : background-attachment:fixed;
et la mettre en fond de la bonne div, par exemple d'une div conteneuse centrée mais qui ne rempit pas la page a 100% tout dépend de l'effet que tu veux avoir
Ceddoc est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 14/04/2011, 10h03   #5
Invité de passage
 
Homme
Inscription : avril 2011
Messages : 4
Détails du profil
Informations personnelles :
Sexe : Homme

Informations forums :
Inscription : avril 2011
Messages : 4
Points : 0
Points : 0
Par défaut Le détail

En fait ce que je voudrais, c'est faire apparaître les deux affiches de mes deux spectacles, l'une à gauche et l'autre à droite de la page centrâle.
Et surtout qu'elle soient fixe alors quel le contenu central de la page puisse être scrolé
Merci
bertrandsaisrien est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 14/04/2011, 10h13   #6
Membre éclairé
 
Avatar de Ceddoc
 
Homme Cédric
Développeur Java / Web / .NET
Inscription : janvier 2009
Messages : 327
Détails du profil
Informations personnelles :
Nom : Homme Cédric
Âge : 23
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Java / Web / .NET
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : janvier 2009
Messages : 327
Points : 369
Points : 369
Pour le fait qu'elles restent fixes alors que le reste est scrollé c'est bien la propriété que je t'ai donné.

Après c'est à toi de voir en fonction de ta page, en jouant avec des div contenante, les images tu devrais pouvoir t'en sortir. Tu peux essayer de créer une grande image avec tes deux affiches et un trou au milieu pour la mettre en fond global de ta page. Après tu peux aussi essayer de faire un div colonne de chaque côté de ta page et d'y mettre l'affiche en fond avec le background-attachment:fixed; mais je ne sais pas trop ce que ça va donner.
Ceddoc est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 14/04/2011, 10h28   #7
Invité de passage
 
Homme
Inscription : avril 2011
Messages : 4
Détails du profil
Informations personnelles :
Sexe : Homme

Informations forums :
Inscription : avril 2011
Messages : 4
Points : 0
Points : 0
Par défaut ça commence à marcher mais c'est pas encore ça

j'ai fait le test, mais je pense qu'il faut que j'impose que l'image de fond reste elle aussi centrée
car si on agrandi le cadre alors on perd une partie du fond
regarde :
http://www.visites-spectacles.com/test/rallyes.html
bertrandsaisrien est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 14/04/2011, 10h38   #8
Membre éclairé
 
Avatar de Ceddoc
 
Homme Cédric
Développeur Java / Web / .NET
Inscription : janvier 2009
Messages : 327
Détails du profil
Informations personnelles :
Nom : Homme Cédric
Âge : 23
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Java / Web / .NET
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : janvier 2009
Messages : 327
Points : 369
Points : 369
Ah hé bien tu peux essayer de jouer avec background-position (google pour connaître son utilisation)

tu devrais pouvoir t'en sortir je pense.
Ceddoc est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 02h36.


 
 
 
 
Partenaires

Hébergement Web