Titre: Pour arrière plan sans répétition (mais pas CSS)
Posté par: Surferin le le 12-03-2005 a 16:57:20
Bonjour,
Je suis nouvelle, j'ai déjà créé quelques sites et je sais que la solution existe sous CSS mais là je cherche la solution pour intégrer dans le HTML si elle existe...
Ma question est de savoir s'il existe un code pour que l'image d'arrière plan ne soit pas répétée et à ajouter au code html suivant qui représente l'arrière plan :
<body background="imgaccueil5.jpg" link="#FFFF00" vlink="#FF6600" alink="#FF9900">
Je n'ai pas encore trouvé sur le web.
Merci de m'éclairer si c'est possible.
Je précise que j'avais mis mon image en arrière plan sous CSS et j'avais pu mettre le code. J'ai dû mettre l'image sous le code html pour des raisons de simplicité lorsque je mets des liens ou des calques sur la page... |
Titre: Re:Pour arrière plan sans répétition (mais pas CSS)
Posté par: Surferin le le 12-03-2005 a 17:16:12
J'ai essayé :
<body background="imgaccueil5.jpg" ; background-repeat: "no-repeat"; link=[...]>
Et rien, évidemment... |
Titre: Re:Pour arrière plan sans répétition (mais pas CSS)
Posté par: lupucide le le 13-03-2005 a 00:09:21
| <body style="background: imgaccueil5.jpg no-repeat;"> |
Titre: Re:Pour arrière plan sans répétition (mais pas CSS)
Posté par: Surferin le le 13-03-2005 a 16:09:53
<body style="background: imgaccueil5.jpg no-repeat;">
|
|
Marche pas. C'est comme le code pour CSS.
L'image disparaît si le rajoute à la syntaxe html... |
Titre: Re:Pour arrière plan sans répétition (mais pas CSS)
Posté par: bigornot le le 13-03-2005 a 16:23:55
tu ne peux pas en html...
C'est seulement CSS ... |
Titre: Re:Pour arrière plan sans répétition (mais pas CSS)
Posté par: Surferin le le 13-03-2005 a 18:19:09
tu ne peux pas en html...
C'est seulement CSS ...
|
|
Merci, je m'en doutais un peu mais j'ai quand même essayé de demander ;)
Je vais m'arranger pour trouver une solution (refaire le fond pour CSS ou bien utiliser un calque) :) |
Titre: Re:Pour arrière plan sans répétition (mais pas CSS)
Posté par: Gandalflemaia le le 13-03-2005 a 19:13:02
Entre les balises <head>
<style type="text/css">
body{
background: url(imgaccueil5.jpg);
background-repeat: "no-repeat";}
</style> |
Titre: Re:Pour arrière plan sans répétition (mais pas CSS)
Posté par: lupucide le le 13-03-2005 a 23:46:09
| Gandalflemaia => merci de me répéter ;) |
Titre: Re:Pour arrière plan sans répétition (mais pas CSS)
Posté par: jb_gfx le le 16-03-2005 a 15:38:19
Tu dois déclarer ton background ET sa position en CSS, si tu met ton fond en utilisant un attribut HTML et que tu le positionne en utilisant CSS ça ne fonctionnera pas (en fait ça peut fonctionner e, bidouillant, mais autant que tu parte sur de bonnes bases).
Je reposte le code complet, histoire de synthétiser :
Dans ton fichier CSS ou dans ta déclaration <style> :
Code:
body {
background: url('imgaccueil5.jpg') no-repeat left top;
}
|
|
Petite explication de cette règle :
url() -> Le chemin vers ton image. J'utilise des guillemets simples ('chemin') plutôt que des doubles ("chemin") pour pallier à des problèmes de compatibilité qui risquent de survenir avec certains navigateurs/OS tatillions.
no-repeat -> ton fond ne sera pas répété. Tu peux aussi utiliser une de ces 2 caractéristiques : repeat-x (répétition horizontale seulement) et repeat-y (répétition verticale seulement).
left top : positionnement de ton image de fond, ici elle sera callée en haut à gauche. Cela peut être une valeur en em, %, pixels ou un mot clé : left top center bottom right.
Je déconseillerai la syntaxe proposé par lupucide (il ne précise par url(), ce qui risque de ne pas fonctionner partout mais surtout te donnerai de mauvaises habitudes).
Exemple:
Code:
background: mon dossier mal nomme/mon image.jpg no-repeat left top;
|
|
Ne fonctionnerai pas. |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|