Problème affichage
Résolu
Absot
Messages postés
777
Date d'inscription
Statut
Membre
Dernière intervention
-
jjsteing Messages postés 1670 Date d'inscription Statut Contributeur Dernière intervention -
jjsteing Messages postés 1670 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:
Fichier CSS:
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;
}
A voir également:
- Problème affichage
- Affichage double ecran - Guide
- Problème affichage fenêtre windows 10 - Guide
- Windows 11 affichage classique - Guide
- Problème affichage page internet google chrome - Forum Téléphones & tablettes Android
- Pinterest problème affichage ✓ - Forum Réseaux sociaux
7 réponses
<img class="baniere_haut"/>
dans le css dans .banniere haut :
background-image:url("images/bleu.JPG");
background-repeat:repeat;
dans le css dans .banniere haut :
background-image:url("images/bleu.JPG");
background-repeat:repeat;
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...
<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...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
C'est bon, 'ai résolue mon problème, j'ai utiliser le code d'une autre page et ça fonctionne..
Voici ce code:
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>