[RESOLU]Superposer images sur une image background

bonjour,

j'ai une div ou il y a 4 images (les arc en ciels avec les enfants)

et dessous je veux mettre une image en background (rectangle bleue, le même qui est dans le bandeau flash en haut).

il n'apparait que sous le texte de mes légendes (légende 1)

je n'arrive pas à le faire apparaitre autour de mes 4 images.

voici le code html. c'est dans la div "centre"

<div id="centre">
  
  
        <h1>Présentation :</h1>
        <p>A proximité du parc Disneyland et de la Capitale, bienvenue à l'hôtel Le Mirage !</p>
        <p>L'hôtel Le Mirage est un lieu de séjour exceptionnel situé à 10 minutes 
de Disneyland et à 20 minutes de Paris et de l'aéroport Roissy Charles de Gaulle. Implanté 
dans un écrin de verdure en bordure d'un lac, le site propose de nombreuses prestations ainsi 
qu'un service soigné et personnalisé. Un effort tout particulier a été apporté à l'architecture 
et à la décoration qui privilégient en tous lieux l'espace, la lumière, la nature et les couleurs.</p>
        
					<!-- debut image bandeau lien bas avec legende-->
		
		
		
	<div class="imagebas">
	<img src="images/arcenciel2.jpg" 
	alt="image 1" /><br />
	<p>légende 1</p>
	</div>


	<div class="imagebas">
	<img src="images/arcenciel2.jpg" 
	alt="image 1" /><br />
	<p>légende 1</p>
	</div>

		 
	<div class="imagebas">
	<img src="images/arcenciel2.jpg" 
	alt="image 1" /><br />
	<p>légende 1</p>
	
	</div>
	
		<div class="imagebas">
	<img src="images/arcenciel2.jpg" 
	alt="image 1" /><br />
	<p>légende 1</p>
	
	</div>

		<!--fin image bandeau lien bas--> 
		
	<div>
        
        <h1>Un Confort Appréciable</h1>    
        <h2>Nos valeurs :</h2>
        <p>HOTEL LE MIRAGE a mis en place une charte qualité dans un souci constant d'améliorer
		ses services où la satisfaction du client est au coeur de notre démarche.</p>
        
        <h2>L'équipe :</h2>
        <p>Notre personnel est sélectionné et formé pour répondre au meilleur de notre engagement : 
		votre entière satisfaction !</p>
		
		</div>			
				
		
				</div>		<!--fin  du texte central et donc div centre-->

et voici les css de ma div "centre"

#centre{
 
  width:776px;

}

.imagebas{
 	float: left;
	margin:10px;
	background-image:url(../images/fondlienimage.gif) no-repeat;

 }

.imagebas p {
 	text-align: center;
	background:url(../images/fondlienimage.gif) no-repeat;
  }

lien du site

http://jeromei.phpnet.org/rebondir/

merci pour votre aide
Modifié par jeromei (31 Aug 2008 - 13:47)

merci, je vais faire comme tu as dis. je vais mettre couleur de fonds dans les css pour avoir mon rectangle et comme tu dis, moins lond à charger.

merci