A voir également:
- Centrer ma page web
- Supprimer une page word - Guide
- Traduire une page web - Guide
- Instagram web - Guide
- Page d'accueil iphone - Guide
- Capture page web - Guide
2 réponses
pyschopathe
Messages postés
1973
Date d'inscription
dimanche 2 mars 2008
Statut
Membre
Dernière intervention
22 mars 2010
135
5 oct. 2008 à 17:06
5 oct. 2008 à 17:06
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS
Je te conseille ce site pour tout ce qui concerne le design web.
Je te conseille ce site pour tout ce qui concerne le design web.
pyschopathe
Messages postés
1973
Date d'inscription
dimanche 2 mars 2008
Statut
Membre
Dernière intervention
22 mars 2010
135
5 oct. 2008 à 17:33
5 oct. 2008 à 17:33
Essaie ça :
body {
margin-left: auto;
margin-right: auto;
width: 600; /* largeur obligatoire pour être centré */
}
5 oct. 2008 à 17:22
Je crois comprendre qu'en mettant "tout" dans un conteneur centré ça marcherait...
Je connaissais déjà ce site, j'ai essayé, mais je n'y connais pas grand chose...
Si quelqu'un peut me faire voir un exemple à partir d'une page de mon site...
http://www.meslibellules.fr/...
Dont voici le code...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rainette arboricole</title>
<style type="text/css">
<!--
body {
background-color: #000000;
}
#apDiv1 {
position:absolute;
left:750px;
top:73px;
width:210px;
height:32px;
z-index:1;
padding: 5px;
border: 2px outset #AFDE5A;
}
.Style1 {color: #FFFFFF}
.Style3 {
font-size: 24px;
color: #AFDE5A;
}
#apDiv2 {
position:absolute;
left:14px;
top:20px;
width:353px;
height:179px;
z-index:2;
}
#apDiv3 {
position:absolute;
left:908px;
top:17px;
width:96px;
height:19px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:760px;
top:154px;
width:181px;
height:251px;
z-index:4;
padding: 5px;
border: thin solid #90C131;
}
.Style4 {
color: #90C131
}
-->
</style>
</head>
<body>
<div id="apDiv1">
<div align="center" class="Style1"><span class="Style3">Rainette arboricole</span></div>
</div>
<div id="apDiv2"><img src="../../../../images/aeshnidae/aeshna/aeshnacyanea/rainette_arboricole/rainette.jpg" width="716" height="538" /></div>
<div id="apDiv3"><a href="aeshnacyaneamale1.html"><img src="../../../../images/aeshnidae/aeshna/aeshnacyanea/rainette_arboricole/retour.gif" width="100" height="20" /></a></div>
<div class="Style4" id="apDiv4">Bien qu'elle ne semble pas avoir sa place parmi les odonates, j'ai placé cette photo provisoirement pour convaincre certains de l'existence de ce type d'ampibiens dans notre région.<br />
<br />
Il est vrai que personnellement...je n'en avais jamais vue.</div>
</body>
</html>
Si quelqu'un a du courage... merci!