Sujet Précédent Sujet Suivant

Comment répéter une image horizontalement

Fermé
arnaud512 Messages postés 10 Date d'inscription vendredi 1 mai 2009 Statut Membre Dernière intervention 19 août 2010 - 1 mai 2009 à 12:52
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 - 15 août 2011 à 21:40
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
A voir également:

1 réponse

Réponse 1 / 1
tsunamidream Messages postés 262 Date d'inscription dimanche 26 avril 2009 Statut Membre Dernière intervention 14 août 2011 59
1 mai 2009 à 13:22
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
pirate
15 août 2011 à 21:35
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!!
0
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
15 août 2011 à 21:40
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.
1

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
Sur la plage...
kriiisss -
Utilisateur anonyme -

6 réponses
Dechiffrer une image caché
JACQUE -
Otomec -

1 réponse