Centrer deux div malgré pleisn d'essai....
Vincent
-
Vincent -
Vincent -
Bonjour,
Je me permet de venir vous demander votre aide car je ne m'en sors pas.
Je souhaiterai centrer deux div dont une avec une image mais j'ai essayé pleins de choses et elle float à gauche l'une sur l'autre...
http://www.butler-street.com/france/index.php
Peut être auriez vous la solution...?
D'avance merci de votre précieuse aide qui me décoincerait!
Je me permet de venir vous demander votre aide car je ne m'en sors pas.
Je souhaiterai centrer deux div dont une avec une image mais j'ai essayé pleins de choses et elle float à gauche l'une sur l'autre...
http://www.butler-street.com/france/index.php
Peut être auriez vous la solution...?
D'avance merci de votre précieuse aide qui me décoincerait!
A voir également:
- Centrer deux div malgré pleisn d'essai....
- Deux ecran pc - Guide
- Telecharger idm gratuit 30 jours essai - Télécharger - Téléchargement & Transfert
- Comment faire deux colonnes sur word - Guide
- Nombre de jours entre deux dates excel - Guide
- Youtube premium essai gratuit - Accueil - TV & Vidéo
2 réponses
Salut!
Faudrait qu'on voit ton code en fait pour qu'on puisse voir ton erreur...
Cordialement,
VieTgOOx.
Faudrait qu'on voit ton code en fait pour qu'on puisse voir ton erreur...
Cordialement,
VieTgOOx.
Bonjour!
Merci de ton aide!
voici le code la page html :
et le code du css :
D'avance merci car je coince :-/
Merci de ton aide!
voici le code la page html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link type="text/css" rel="stylesheet" href="css/style.css" media="screen"/>
<title>Butler Street</title>
</head>
<body>
<div id="body">
<div id="header">
<div id="logo">
<br>
<center> <img src="images/logo.png" width=450></center>
</div>
<div id="menu">
<ul>
<li> <a href=index.php>Butler Street</a> </li>
<li><a href=conciergerie.php>Votre Concierge</a> </li>
<li><a href=services.php>Nos Services</a> </li>
<li><a href=contact.php>Contact</a></li>
</ul>
</div>
</div>
<br><br>
<br>
<div class="images">
<img src="images/luxeb.png" />
</div>
<th>
<div class="wide_contener" >
<div class="head"></div>
<div class="content">
<?php echo nl2br('<font color=#868889 size=2>
Butler Street est la Conciergerie Privée de référence au coeur du triangle Londres, Bruxelles, Paris.
Butler Street conjugue le savoir-faire et la distinction des majordomes britanniques avec l'art de vivre et l'élégance à la française.
Notre vocation est d'accompagner nos membres - Entreprises et Particuliers - vers le monde de l'Exclusivité et des Services Personnalisés.
Notre réseau étendu de Partenaires, la Disponibilité de nos équipes, doublée de notre Réactivité, nous permettent d'apporter une réponse Sur-Mesure à toutes vos demandes.
Vos demandes n'ont de limite que votre imagination.
Joignable par téléphone ou par email à tous moments, votre Butler saura vous faire gagner du temps, être le Nouvel Atout de votre entreprise (amélioration de la performance collaborateurs, anticipation des besoins de vos clients grâce à un CRM performant, avantage concurrentiel...) et vous ouvrira les portes de l'Exclusivité (avant-première, rencontres, réservations de tables...).
</font>
'); ?>
</div>
<div class="foot"></div>
</div>
<div id="footer"><a href="http://haxys.be/"><img src="images/footer_logo.png" alt="Haxys" border="0" /></a></div>
</div>
</body>
</html>
et le code du css :
body {
font-family: Trebuchet MS;
background: fixed url('../images/background.png') 0 0 repeat-x #7e7e7e;
margin: 0;
padding: 0;
min-height: 100%;
}
#body {
position:absolute;
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
}
#header {
width: 100%;
height: 190px;
background: url('../images/header_background.png') 0 0 repeat-x;
}
#logo {
height: 180px;
width: 1171px;
margin: 0 auto;
text-align: center;
}
#footer {
position: fixed;
background: url('../images/footer_background.png') 0 0 repeat-x;
bottom: 0;
height: 44px;
width: 100%;
text-align:center;
}
#footer a {
text-decoration: none;
}
.centrage {
margin:0 auto;
}
.images {
width: 400px;
float: left;
margin-left: auto; margin-right: auto; position: absolute
}
.contener {
float: center;
width: 400px;
min-height:200px;
margin-bottom: 50px;
}
.vignettes {
display: inline;
float: center;
margin: 0 27px;
width: 232px;
height: 187px;
}
.vignettes_cadre {
display: inline;
float: left;
margin: 0;
width: 232px;
height: 187px;
}
.wide_contener {
width: 400px;
float: left;
margin-left: auto; margin-right: auto; position: absolute
}
.wide_contener .head{
width: 430px;
height: 12px;
background: url('../images/content_head.png') 0 0 no-repeat;
}
.wide_contener .content{
width: 400px;
min-height: 100px;
background: #C5C7C8;
padding: 5px 15px;
font-family: Trebuchet MS;
color:grey;
}
.wide_contener .foot{
width: 430px;
height: 12px;
background: url('../images/content_foot.png') 0 0 no-repeat;
}
#menu {
width: 800px;
color: black;
margin: 5px auto;
height: 30px;
font-family: Trebuchet MS;
}
#menu ul {
margin: 0 auto;
padding: 0 4px;
list-style: none;
}
#menu ul li {
display: inline;
margin: 0;
text-transform: uppercase;
padding: 0;
height: 30px;
padding: 3px 10px 5px 10px;
list-style:none;
}
#menu ul li:hover {
}
a:link
{
text-decoration:none;
color: grey;
}
a:active
{
text-decoration:none;
color: grey;
}
a:visited
{
text-decoration:none;
color: grey;
}
.info {
float: left;
width: 400;
}
.tete{
margin-left:auto;
margin-right:auto;
width: 430px;
height: 12px;
background: url('../images/content_head.png') 0 0 no-repeat;
}
.corps{
margin-left:auto;
margin-right:auto;
width: 400px;
min-height: 100px;
background: #C5C7C8;
padding: 5px 15px;
font-family: Trebuchet MS;
color:grey;
}
.pied{
margin-left:auto;
margin-right:auto;
width: 430px;
height: 12px;
background: url('../images/content_foot.png') 0 0 no-repeat;
}
D'avance merci car je coince :-/