Page web non centrer
DocDocument
Messages postés
16
Statut
Membre
-
DocDocument Messages postés 16 Statut Membre -
DocDocument Messages postés 16 Statut Membre -
Bonjour,
Il y a plusieurs mois j'ai créer plusieurs page internet , seul problèmes aucune n'est centré.
Je suis chez forum-actif, sur cette hébergeur nous pouvons créer et personnaliser nos propres page
Ces page contienne environ 7div.
Je vous joint si dessous le Css
Edit: Comment se fait-il que mon html ne passe pas ici?
https://lidet.forumgaming.fr/h45-html
lien pour l'html
Si quelqu'un trouve le problème.
merci de votre aide.
Doc vous remercie ! :P
Il y a plusieurs mois j'ai créer plusieurs page internet , seul problèmes aucune n'est centré.
Je suis chez forum-actif, sur cette hébergeur nous pouvons créer et personnaliser nos propres page
Ces page contienne environ 7div.
Je vous joint si dessous le Css
Edit: Comment se fait-il que mon html ne passe pas ici?
https://lidet.forumgaming.fr/h45-html
lien pour l'html
<style type="text/css">
html
{
height: 100%;
}
body {
background-color: #0a0a0a;
background-image: url("");
background-attachment: fixed; center;
background-repeat: no-repeat ;
margin-top: 80px;
position: absolute;
margin-left :auto;
margin-right:auto;
width:80%;
text-align: center; /* pour corriger le bug de centrage IE */
}
div#global {
margin-left: auto;
margin-right: auto
}
div#bandeau {
margin-left:469px;
display: block;
width:672px;
height:180px;
background-color:#000;
background: url(http://www.wolfarea.org/wiki/images/7/76/Wiki_wet.jpg);
border:2px solid #fff;
}
div#loginzone {
background-color:#515E78;
background: url(http://www.falxleagues.net/home/img/map_thumbnails/et/supply.gif)no-repeat;
font-size: 11px;
border:2px solid #fff;
color: #000;
margin-left:1149px;
margin-top:-183px;
width:251px;
height:179px;
position: absolute;
display: block;
float: left;
}
div#menu {
float:left;
width:100px;
height:200px;
background-color:#FF6699;
margin-left:469px;
margin-top:5px;
display: block;
float: left;
}
div#menu_haut {
width:378px;
height:auto;
background-color:#0000000;
background: url(http://img51.xooimage.com/files/4/9/4/menu_haut-25a2336.jpg);
border:2px solid #fff;
display: block;
float: left;
}
div#menu_bas {
width:378px;
height:auto;
background-color:#ccc;
margin-top:5px;
border:2px solid #fff;
display: block;
float: left;
}
div#contenu {
clear:both;
float:left;
width:545px;
height:auto;
background-color:#ccc;
margin-left:855px;
margin-top:-200px;
border:2px solid #fff;
margin-bottom: 10px;
display: block;
float: left;
}
div#contenu2 {
clear:both;
float:left;
width:545px;
height:auto;
background-color:#ccc;
margin-left:855px;
margin-top:-5px;
border:2px solid #fff;
margin-bottom: 10px;
display: block;
float: left;
}
div#pied_page2 {
clear:both;
width:545px;
height:80px;
background-color:#000;
margin-left:855px;
margin-top:-5px;
color:#fff;
border:2px solid #fff;
display: block;
float: left;
}
a:link, a:visited {
color: #fff;
text-decoration: none;
}
h3{
text-align: center; /* Pour centrer le titre */
font-family: "Arial Black", Arial, Verdana, serif;
font-size:15px;
color:#ff0000;
background: url(http://i34.servimg.com/u/f34/14/84/87/27/bfbc2_12.jpg);
width:543px;
height:68px;}
.h2menu{
background: url(http://i70.servimg.com/u/f70/15/50/49/37/le_sit11.jpg);
width:374px;
height:53px;color:#fff;
}
p{
text-align:left;
margin-left:3px;
margin-right:3px;
}
.titre{
background: url(http://i37.servimg.com/u/f37/15/97/01/87/gris10.png)repeat;
color:#fff;
font-size:15px;
padding:auto;
}
a.lien1 {
color:#fff;
text-decoration:none;
font-weight:bold;
background-attachment:no-repeat;
font-size:12px;
}
ul{margin-left:30px;margin-top:5px;}
li{
list-style-image : url(http://www.deuil-suicide.org/IMG/puce_fil_forum.jpg);
text-align: left;
}
li:hover{
list-style-image : url(http://www.nantes.fr/webdav/site/nantesfr/shared/fileadmin/images/Puces/Titres/puce_titres_culture.gif);
text-align: left;
}
.bandeau{
position: fixed;
z-index: 2; /* place ce div au dessus des autres */
top: 0%;
left:0px;
width: 100%;
height:37px;
background-color: #000; /* couleur du fond */
color: #fff;
font-family: "Comic Sans MS", Arial, Verdana, serif;
text-align: center;
font-size: 12px; /* Paragraphes de 14 pixels */
vertical-align: middle; display: inline;
border: 2px solid #fff;
}
</style>
Si quelqu'un trouve le problème.
merci de votre aide.
Doc vous remercie ! :P
A voir également:
- Page web non centrer
- Web office - Guide
- Supprimer page word - Guide
- Comment traduire une page web - Guide
- Screenshot page web entière - Guide
- Création page web - Guide