Reprise du message précédent :
Me revoilà j'ai créer mon site mais le codage css et mal fait, pouvez vous me mettre ça bien en place "centré" et que je puisse mettre un script flash pour les photos sur dans le cadre gauche.
http://emore.team.free.fr/
style.css :
/*
Fichier CSS fait par Navid Design
*/
body{
background: url(../images/back.gif) no-repeat top center #312932;
margin:0;
padding:0;
border: 0;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
width: 2200px;
height:900px;
}
/*/////////////////////////////////////
Le Header
/////////////////////////////////////*/
#top{
background:url(../images/.png) no-repeat center;
height:260px;
font-size:24px;
line-height:55px;
color:#FFF;
text-align:center;
margin: autov;
margin-top: -30px;
width: 960px;
}
/*/////////////////////////////////////
Le conteneur
/////////////////////////////////////*/
#conteneur{
width:538px;
margin:0 auto;
}
/*/////////////////////////////////////
Le menu
/////////////////////////////////////*/
#menu {
background:url(images/contenu_h.png) no-repeat bottom left;
height:900px;
padding-top: 205px;
}
#menu ul li{
float:left;
padding:0;
list-style:none;
}
#menu ul li a{
height:174px;
width:200px;
font-size:14px;
line-height:53px;
display:block;
text-decoration:none;
text-align:center;
color:#FFF;
background-repeat:no-repeat;
background-position:top left;
}
#menu ul li a:hover{
height:174px;
width:200px;
line-height:43px;
text-decoration:none;
text-align:center;
color:#FFF;
background-repeat:no-repeat;
background-position:bottom left;
}
/* Les différentes couleurs des menu */
#menu ul li a.orange{
background-image:url(../images/btn_orange.png);
}
#menu ul li a.bleu{
background-image:url(../images/btn_bleu.png);
}
#menu ul li a.vert{
background-image:url(../images/btn_vert.png);
}
#menu ul li a.rouge{
background-image:url(../images/btn_rouge.png);
}
/*/////////////////////////////////////
Le contenu
/////////////////////////////////////*/
#contenu{
background:url(../images/contenu.png) repeat-y left;
padding:0 20px;
}
/*/////////////////////////////////////
Le footer
/////////////////////////////////////*/
#bas{
margin:auto;
padding:0 0 25px 40px ;
background:url(../images/bas.png) no-repeat;
width:517px;
height:25px;
color:#FFF;
line-height:25px;
}
#bas a{
font-weight:bold;
color:#CCC;
}
#bas a:hover{
font-weight:bold;
color:#FFF;
}
HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Navid Design</title>
<link rel="stylesheet" media="screen" type="text/css" title="Style" href="./css/style.css" />
</head>
<body>
<div id="top">
<div id="menu">
<ul>
<li><a class="orange" href="./images/btn_orange.png"></a></li>
<li><a class="bleu" href="./images/btn_bleu.png"></a></li>
<li><a class="vert" href="./images/btn_vert.png"></a></li>
<li><a class="rouge" href="./images/btn_rouge.png"></a></li>
</ul>
</div>
<div id="bas">Copyright © 2009 <a href="navid-design.com">Navid Design</a>
</div>
</body>
</html>
Message édité par dstcs le 08-09-2009 à 20:26:47
