Bonjour a tous!!!
Je remercie encore tt les personnes qui m'on aidé pour mon pb de centrage de page.
Ca m'a permi de bien demarrer (vos conseil + tt les tutos)
J'ai qd meme un ptit pb concernant une bordure en bas de page.
j'ai un menu a gauche + un corps a droite.
lorsque le corps depasse la hauteur de la fenetre mais surtout lorsque j'insere une image de fin impossible de voir la bordure basse de ce corps.
Merci pour votre aide
Voici mon code de cette page:
Voici mon css:
Merci!!!!!!!!!
Je remercie encore tt les personnes qui m'on aidé pour mon pb de centrage de page.
Ca m'a permi de bien demarrer (vos conseil + tt les tutos)
J'ai qd meme un ptit pb concernant une bordure en bas de page.
j'ai un menu a gauche + un corps a droite.
lorsque le corps depasse la hauteur de la fenetre mais surtout lorsque j'insere une image de fin impossible de voir la bordure basse de ce corps.
Merci pour votre aide
Voici mon code de cette page:
<?xml version="1.0" encoding="iso-8859-1"?>
<!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">
<!-- Date de création: 11/06/2005 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="FFF [Gory]" />
<meta name="generator" content="WebExpert 5" />
<link rel="stylesheet" media="screen" type="text/css" title="essai" href="sansnom(2).css" />
</head>
<body>
<div id="conteneur">
<div id="banacc">
<img class="ban" src="Image/Image Gif/xxx.gif"/>
<img class="logo" src="Image/Image Gif/xxxx.gif" alt="image a gauche" />
<img class ="logo1" src="Image/Image Gif/xxxx.gif" alt="image a droite"/>
<p class="textban">xxxxxxxx</p>
</div>
<div id="menu">
<img class="imgfut" src="Image/Photos/xxx.jpg" border="0"/>
<p class="menuacces"><a href="acces.html">Acces</a></p>
<p class="menucontact"><a href="xxxxx.html">Contact</a></p>
</div>
<div id="compteur">
<p class="compt">Vous êtes le xieme visiteur</p>
</div>
<div id="corps">
<div id="acces">
<p class="Titre">xxxxx</p>
<p class="textacces">xxxxxxxxxx.</p>
<img class="imgacces" src="Image/Photos/xxxxx.jpg" border="0"/>
<img class="imgacces" src="Image/Photos/xxx.jpg" border="0"/>
<p class="textacces">xxxxxxxxxx</p>
<p class="texttitreacces">xxxxxxxxxxxx</p>
<img class="imgacces1" src="Image/Photos/xxx.gif" border="0"/>
<a href="plan.html" title="Cliquer sur le plan pour agrandir"><img class="imgacces1" src="Image/Photos/xxx.jpg" border="0"/></a>
</div>
</div>
</div>
</body>
</html>
Voici mon css:
@charset "iso-8859-1";
body {margin: 0px}
#conteneur {margin-left: -450px; position: absolute; left: 50%}
/*Style Banniere*/
#conteneur {margin-left: -450px; position: absolute; left: 50%}
#banacc {width: 900px; height: 80px; margin-top: 30px}
.ban {width: 900px; height: 80px; position: absolute; margin-right: 20px; z-index: 1;}
.logo {width: 80px; height: 80px; position: absolute; margin-left: 10%; margin-top: -5px; z-index: 1;}
.logo1 {width: 80px; height: 80px; position: absolute;margin-left: 80%; margin-top: -5px; z-index: 1;}
.textban {position: absolute; margin-left: 250px; margin-top: 35px; color: #006600; font-size: 1.5em; font-family: Algerian; font: bold; z-index: 1;}
/*style menu et corps*/
#menu{position: absolute; width: 200px; height: 350px; margin-top: 100px}
#menu a {color: #FF0000}
#menu a:hover {background: yellow;}
/*#menu a:visited {color: #0000CC}*/
.imgfut {width: 200px; height: 300px; position: absolute; margin-left:0px ; margin-top: 0px;}
.menuacces {position: absolute; margin-left: 65px; margin-top: 210px; font: oblique normal medium; font-family: Algerian;}
.menucontact {position: absolute;margin-left: 55px; margin-top: 245px; font: oblique normal medium; font-family: Algerian;}
#compteur {position: absolute; width: 200px; height: 50px; margin-top: 500px}
.compt {position: absolute; margin-left: 10px;font: bold Comic Sans MS; color: #000099}
#corps {position: absolute; width: 670px; margin-top: 40px; margin-left: 230px; border: 2px solid #FF5C1E; border-width: 5px;}
.titre {font-family: Jokerman; color: #6b006b; text-align: center; font-size: 1.7em; font: bold}
/*style page Acces*/
#acces { padding: 0px; padding-top: 10px}
.textacces {text-align: justify; font-family: Comic Sans MS; font-size: 0.8em; color: #254B00; font: bolder;}
.imgacces {width: 300px; height: 200px; margin-left: 5px}
.texttitreacces {font-family: Harrington; color: #000099; font-size: 1em;font: bold; text-decoration: underline}
.imgacces1 {width: 300px; height: 250px; margin-left: 5px; padding: 0px;}
Merci!!!!!!!!!
