28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai cherché dans le forum une réponse à mon problème et bien que j'ai vu des sujets similaires je n'ai rien trouvé pour résoudre mon problème.

j'ai une div "bannière" qui se trouve en haut du site qui contient une image de fond seulement quand je souhaite zoomer sur le site l'image se répète et cela seulement sous Internet Explorer sous Mozilla Firefox aucun problème.

Voici le lien pour mieu voir le problème : http://www.elem-web.fr/test/elemdesign/index.php

Le css concernant la mise en place des divs :
/* Design du site */

#conteneur{
width:952px;
margin:0 auto;
}

#milieu{
width:630px;
margin-bottom:10px;
float:left;
background-color:#6b6966;
-border-radius: 10px 10px 10px 10px;    
-moz-border-radius: 10px 10px 10px 10px; /* pour mozilla */
-webkit-border-radius: 10px 10px 10px 10px; /* Webkit */     
-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
-webkit-border-top-right-radius: 10px; /* pour Chrome */ 
padding:15px;
}

#menu{
height:35px;
padding-left:20px;
}

#banniere{
background-image:url('images/ban7.png');
background-repeat:no-repeat;
width: 950px;
height: 250px;
margin-top:10px;
-border-radius: 10px 10px 10px 10px; /* bords arrondis */   
-moz-border-radius: 10px 10px 10px 10px; /* pour mozilla */
-webkit-border-radius: 10px 10px 10px 10px; /* Webkit */     
-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
-webkit-border-top-right-radius: 10px; /* pour Chrome */ 
}

#droite{
background-color: #6b6966;
width: 282px;
float:left;
margin-left:10px;
margin-bottom:10px;
-border-radius: 10px 10px 10px 10px; /* bords arrondis */
-moz-border-radius: 10px 10px 10px 10px; /* pour mozilla */
-webkit-border-radius: 10px 10px 10px 10px; /* Webkit */     
-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
-webkit-border-top-right-radius: 10px; /* pour Chrome */ 
}


le code html de la div bannière ne contient rien.

<div id="banniere" class="banniere">
			
</div>





Si quelqu'un a une solution pour m'aider ca serait vraiment super car je présente ce site pour mon oral tres bientot et j'aimerais résoudre cela.
Merci d'avance
Bonjour,

L'image, comportant du texte (relativement important d'ailleurs) doit se trouver dans le code HTML (avec un attribut alt reprenant le même texte que celui de l'image) et non le CSS. Et en plus ça résoudra le problème.