Problème affichage

Résolu
Absot Messages postés 819 Statut Membre -  
jjsteing Messages postés 1613 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour, je voudrais que mon image se répète jusqu'au bout du tableau qui est a une marge de 10% à gauche et à droite mais il ne le fais pas et je ne comprends pas trop pourquoi, je sais que c'est une question simple mais je pense qu'avec des explications, ça ira beaucoup mieux par la suite..

Voici à quoi ça ressemble:
http://www.zimagez.com/zimage/pti2.php

Et mon code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Index</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link rel="stylesheet" media="screen" type="text/css" title="Design" href="style.css" />
   </head>

   <body>
    
	 
<table border="2" class="tableau_principal">
	<tr>
		<td><img src="images/bleu.JPG" class="baniere_haut"/></td>
	</tr>
</table>


</body>
</html>


Fichier CSS:
body{
background-color:CCCCCC;
border-collapse: collapse;
}

.tableau_principal{
margin-top:5%;
margin-left:10%;
margin-right:10%;
margin-bottom:5%;
}

.baniere_haut{
height:100px;
width:100%;
background-repeat:repeat;
}
Configuration: Windows Vista
Firefox 3.0.11

7 réponses

  1. jjsteing Messages postés 1613 Date d'inscription   Statut Contributeur Dernière intervention   181
     
    <img class="baniere_haut"/>

    dans le css dans .banniere haut :

    background-image:url("images/bleu.JPG");
    background-repeat:repeat;
    0
  2. Absot Messages postés 819 Statut Membre 44
     
    Ca ne change pas.. :/
    0
  3. jjsteing Messages postés 1613 Date d'inscription   Statut Contributeur Dernière intervention   181
     
    et au lieu de

    <td><img src="images/bleu.JPG" class="baniere_haut"/></td>

    si tu met

    <td><div class="baniere_haut"></div></td>

    et dans le css dans .banniere haut :

    background-image:url("images/bleu.JPG");
    background-repeat:repeat;

    bon, c est un peu tirer par les cheveux de mettre un div au milieu d un td mais bon...
    0
  4. Absot Messages postés 819 Statut Membre 44
     
    Non ça ne change rien... :/

    Bizarre que ça ne fonctionne pas.. :(
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. jjsteing Messages postés 1613 Date d'inscription   Statut Contributeur Dernière intervention   181
     
    et dans la console d erreur de firefox.. y a rien ?? ca pourrais etre une piste :p
    0
  7. Absot Messages postés 819 Statut Membre 44
     
    C'est bon, 'ai résolue mon problème, j'ai utiliser le code d'une autre page et ça fonctionne..

    Voici ce code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
       <head>
           <title>Index</title>
           <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
           <link rel="stylesheet" media="screen" type="text/css" title="Design" href="style.css" />
       </head>
    
       <body>
        
    	 
    <div class="baniere_haut"><img src="images/bleu.jpg" width=100% height=250px></div>
    
    
    0
  8. jjsteing Messages postés 1613 Date d'inscription   Statut Contributeur Dernière intervention   181
     
    ok, met ton post en résolu :)
    0