Aligner texte + image +texte [Résolu/Fermé]

Signaler
-
 gaya_102 -
Bonjour,
voila je voudrais faire mon menu en bas de la page
j'ai réussi a peut près a mettre mon texte mais les images qui doivent être entre ne veulent pas bouger du haut de la page. comment je peux faire.
Je voudrais que l'ensemble soit beaucoup plus à droite aussi
merci par avance de votre aide
body {
background-color: #f7d8fc;
font-family: "times new roman", arial, times, serif;
font-style: italic;
}

#unite
{
position:absolute;
left:50%;
margin-left:-490px;
width: 980px;
top:50%;
margin-top:-271px;
height: 542px;
background-image : url("images/fond_index.jpg");
background-repeat: no-repeat;
border :2px solid black;
}

#titre{
        color: #b04cbf;
		font-family: Anke Calligraphic, Times New Roman, Times, serif;
		font-weight: bold;
		font-size: 45px;
		text-decoration: none;
		text-align: center;
			position:absolute;
		top: 50px;
		left : 500px;
		}
		
#texte{
        color: #7890d2;
		font-family: Anke Calligraphic, Times New Roman, Times, serif;
		font-weight: bold;
		font-size: 18px;
		text-decoration: none;
		text-align: right;
			position:absolute;
		top: 300px;
	

}
		}
				
img {
border:0;
vertical-align:middle;
}
a {
        color: #b04cbf;
		font-family: Anke Calligraphic, Times New Roman, Times, serif;
		font-weight: bold;
		font-size: 17px;
		text-decoration: none;
		text-align: center;
		position:absolute;
		top: 430px;


} 

a:hover {
        color: #e365f6;
		font-family: Anke Calligraphic, Times New Roman, Times, serif;
		font-weight: bold;
		font-size: 15px;
		text-decoration: none;
		text-align: center;
} 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>index</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="index.css" />

</head>
 
   <body>

 
       <div id="unite">      

<div id="titre">   
 
 Le monde de Gaya
 
 </div>  
	   
           
           <a href="mariage.php">Mariage</a> 
		    <img src="images/fleur_menu_index.jpg"> 
		  
		  <a href="naissance.php">Naissance</a> 
		    <img src="images/fleur_menu_index.jpg"> 
		   
		   <a href="temoignages.php">Témoignages</a> 
		    <img src="images/fleur_menu_index.jpg"> 
		   
		   <a href="partenaire.php">Partenaires</a> 
		    <img src="images/fleur_menu_index.jpg"> 
		   
		   <a href="divers.php">Divers</a> 
		    <img src="images/fleur_menu_index.jpg"> 
		   
		   <a href="contact.php">Contact</a> 
          
           </div>
           
       </div>        
   </body>
</html>



et voila l'adresse de la page

http://www.lemondedegaya.fr/

2 réponses

Messages postés
437
Date d'inscription
mercredi 29 juillet 2009
Statut
Membre
Dernière intervention
23 septembre 2010
74
Bonjour,

Visiblement, à la vue de ton site, tu as réussi à régler le problème, non?
oui oui je viens juste d'y arriver merci pour ton aide quand meme