Bonjour.
Voilà mon problème :
j'ai une image que je place dans un div. Le problème est que l'image se répète en fonction de la taille de l'écran.
je mets aussi la page de style
Si vous pouvez m'aider !!!
Voilà mon problème :
j'ai une image que je place dans un div. Le problème est que l'image se répète en fonction de la taille de l'écran.
<div class="conteneur">
<div align="left" style="margin-top:0px">
<img src="pelliculew3.JPG" alt="" />
<div class="frame">
***ici affichage des pages "include"***
</div>
<div align="right" style="margin-top:-717px">
<img src="pelliculew3.JPG" alt="" />
</div>
</div>
je mets aussi la page de style
<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: white;
width: 100%;
height: 100%;
font-family: Tahoma;
font-size: 12px;
position: relative;
}
.haut {
height:9.7em;
width: 95%;
background-color: white;
padding: 0px;
margin-left:auto;
margin-right:auto;
align:center;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position:absolute;
top: 7.8em;
margin-left:auto;
margin-right: auto;
z-index:100;
width: 95%; /*correction pour Opera */
}
#menu dl {
float: left;
/*width: 13.2em;*/
width: 14.2%;
}
#menu dt {
cursor: pointer;
text-align: center;
height:1.5em;
color:white;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
color:white;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}
.conteneur {
width: 94.5%;
align:center;
height: 720px;
background-color: white;
margin-left:auto;
margin-right:auto;
}
.frame {
width: 76%;
height: 700px;
background-color: white;
margin-top:-705px;
margin-left:auto;
margin-right:auto;
}
Si vous pouvez m'aider !!!