Aligner texte + image +texte
Résolu
gaya_102
-
gaya_102 -
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
et voila l'adresse de la page
http://www.lemondedegaya.fr/boutique/
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/boutique/
A voir également:
- Aligner texte + image +texte
- Transcription audio en texte word gratuit - Guide
- Extraire texte d'une image - Guide
- Excel cellule couleur si condition texte - Guide
- Texte barré whatsapp - Guide
- Insérer une image dans word sans bouger le texte - Guide