Comment répéter une image horizontalement

arnaud512 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   -  
Mihawk Messages postés 4315 Date d'inscription   Statut Contributeur Dernière intervention   -
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

tsunamidream Messages postés 262 Date d'inscription   Statut Membre Dernière intervention   59
 
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
 
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 4315 Date d'inscription   Statut Contributeur Dernière intervention   846
 
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