Comment répéter une image horizontalement [Fermé]

Signaler
Messages postés
10
Date d'inscription
vendredi 1 mai 2009
Statut
Membre
Dernière intervention
19 août 2010
-
Messages postés
4311
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
-
Bonjour, je souhaiterez créer un site, mais je ne sait pas comment répéter le bando horizontalement.
Voici le code de la page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body,td,th {
    color: #CCC;
}
body {
    background-color: #232323;
}
-->
</style></head>

<body>
<img src="http://img11.imageshack.us/img11/546/suitelogo.png" width="26" height="67" />
</body>
</html>

Merci

1 réponse

Messages postés
262
Date d'inscription
dimanche 26 avril 2009
Statut
Membre
Dernière intervention
14 août 2011
55
Bonjour,

Pour répéter une image ou un fond il faut utiliser :
background-repeat: repeat-y;
Les différentes possibilités de répétition :
-->no-repeat : le fond ne sera pas répété. L'image sera donc unique sur la page.
-->repeat-x : le fond sera répété uniquement sur la première ligne, horizontalement.
-->repeat-y : le fond sera répété uniquement sur la première colonne, verticalement.

Pour ton site je te conseil "le site du zéro" ou tu trouveras beaucoup d'informations.

3
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 63550 internautes nous ont dit merci ce mois-ci

Voici une information fort utile qui va sans doute aider tous les novices.... En effet, ça leur fait une belle jambe de savoir ce qu'il faut écrire s'ils ne savent pas ... où l'écrire!!
Messages postés
4311
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
786
Je rajouterai aussi l'option "repeat" qui répète aussi bien X qu'en Y :-)

Ce que veux dire pirate, c'est qu'il faut placer l'image non pas avec la balise "img" mais plutôt en tant que fond d'un conteneur (div ou table) avec la propriété CSS : "background-image".
Ensuite ajouter à ce même conteneur l'attribut "repeat" comme expliqué par tsunamidream.