Problème affichage

Résolu/Fermé
Absot Messages postés 777 Date d'inscription mardi 28 octobre 2008 Statut Membre Dernière intervention 4 septembre 2020 - 8 juil. 2009 à 23:15
jjsteing Messages postés 1669 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 - 10 juil. 2009 à 16:42
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;
}

7 réponses

jjsteing Messages postés 1669 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 181
8 juil. 2009 à 23:30
<img class="baniere_haut"/>

dans le css dans .banniere haut :

background-image:url("images/bleu.JPG");
background-repeat:repeat;
0
Absot Messages postés 777 Date d'inscription mardi 28 octobre 2008 Statut Membre Dernière intervention 4 septembre 2020 44
8 juil. 2009 à 23:34
Ca ne change pas.. :/
0
jjsteing Messages postés 1669 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 181
8 juil. 2009 à 23:43
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
Absot Messages postés 777 Date d'inscription mardi 28 octobre 2008 Statut Membre Dernière intervention 4 septembre 2020 44
9 juil. 2009 à 19:40
Non ça ne change rien... :/

Bizarre que ça ne fonctionne pas.. :(
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
jjsteing Messages postés 1669 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 181
10 juil. 2009 à 10:14
et dans la console d erreur de firefox.. y a rien ?? ca pourrais etre une piste :p
0
Absot Messages postés 777 Date d'inscription mardi 28 octobre 2008 Statut Membre Dernière intervention 4 septembre 2020 44
10 juil. 2009 à 13:17
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
jjsteing Messages postés 1669 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 181
10 juil. 2009 à 16:42
ok, met ton post en résolu :)
0