Comment répéter une image horizontalement
arnaud512
Messages postés
10
Date d'inscription
Statut
Membre
Dernière intervention
-
Mihawk Messages postés 4753 Statut Contributeur -
Mihawk Messages postés 4753 Statut Contributeur -
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:
Merci
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
Configuration: Windows XP Firefox 3.0.10
1 réponse
-
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.
-
-
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.
-
