Fixer la largeur d'une page
salut j'ai deja poster en html, on m'a dit de poster ici , j'aurasi plus de réponse ^^ donc je compte sur vous ^^
je suis en train de crée mon site mon fond et quelque bloc sont mis il me restait a mettre en place mes boutons.
petit probléme quand je met mon bouton et que je test ma page sur IE et que j'essaye de reduire ma page mon bouton reste a sa place alors que le reste du site bouge. J'aimerais que mon bouton avance ne meme temps que le reste du contenu.
Code HTML
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.drd">
<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" />
<link href="accueil.css" rel="stylesheet" type="text/css" media="screen" />
<title>Accueil</title>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>
<body>
<div id="bandeau"></div>
<div id="Bouton_Accueil"></div>
<div id="bloc_accueil"></div>
</body>
</html> |
Code CSS
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
| body{
background:url(images/background.png) no-repeat top center #1a1818;
margin:0;
padding:0;
font-family:"Times New Roman", Times, serif;
font-size:16px;
}
#bandeau{
background:url(images/bandeau.png) no-repeat top center;
height:100px;
margin:50px 100px 60px 100px;
}
#bloc_accueil{
background:url(images/bloc-accueil.png) no-repeat top center;
height:540px;
font-family:"Cataneo BT", Times New Roman, Times, serif;
font-size:30px;
color:#FFFFFF;
margin: 0 130px 0 130px;
}
#Bouton_Accueil{
background-image:url(images/bouton-accueil-noir.png);
background-repeat:no-repeat;
background-attachment:scroll;
height: 49px;
} |
Merci
