Pour arrière plan sans répétition (mais pas CSS)

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Pour arrière plan sans répétition (mais pas CSS)

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: Pour arrière plan sans répétition (mais pas CSS) (Lu 1667 fois)

Pour arrière plan sans répétition (mais pas CSS)
« sur: le 12-03-2005 a 16:57:20 »

Surferin
Membre récent

Hors-Ligne

Messages: 4

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...

« Dernière Édition: le 12-03-2005 a 16:58:16 par Surferin »

Rapporter au modérateur

Re:Pour arrière plan sans répétition (mais pas CSS)
« Répondre #1 sur: le 12-03-2005 a 17:16:12 »

Surferin
Membre récent

Hors-Ligne

Messages: 4

J'ai essayé :

<body background="imgaccueil5.jpg" ; background-repeat: "no-repeat"; link=[...]>

Et rien, évidemment...

Rapporter au modérateur

Re:Pour arrière plan sans répétition (mais pas CSS)
« Répondre #2 sur: le 13-03-2005 a 00:09:21 »

lupucide
P'tit nouveau

Hors-Ligne

Sexe: Male

Messages: 90

f*ckin

Rapporter au modérateur

Pour souper avec le Diable mieux vaut avoir une longue cuillère.

Re:Pour arrière plan sans répétition (mais pas CSS)
« Répondre #3 sur: le 13-03-2005 a 16:09:53 »

Surferin
Membre récent

Hors-Ligne

Messages: 4

Citation de: lupucide le le 13-03-2005 a 00:09:21
<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...

Rapporter au modérateur

Re:Pour arrière plan sans répétition (mais pas CSS)
« Répondre #4 sur: le 13-03-2005 a 16:23:55 »

bigornot
Superactif

Hors-Ligne

Sexe: Male

Messages: 579

Je suis un fantôme!

tu ne peux pas en html...

C'est seulement CSS ...

Rapporter au modérateur

Des bijoux et des gros!

Re:Pour arrière plan sans répétition (mais pas CSS)
« Répondre #5 sur: le 13-03-2005 a 18:19:09 »

Surferin
Membre récent

Hors-Ligne

Messages: 4

Citation de: bigornot le le 13-03-2005 a 16:23:55
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)

Rapporter au modérateur

Re:Pour arrière plan sans répétition (mais pas CSS)
« Répondre #6 sur: le 13-03-2005 a 19:13:02 »

Gandalflemaia
Membre récent

Hors-Ligne

Sexe: Male

Messages: 14

Entre les balises <head>

<style type="text/css">
body{
background: url(imgaccueil5.jpg);
background-repeat: "no-repeat";}
</style>

Rapporter au modérateur

Re:Pour arrière plan sans répétition (mais pas CSS)
« Répondre #7 sur: le 13-03-2005 a 23:46:09 »

lupucide
P'tit nouveau

Hors-Ligne

Sexe: Male

Messages: 90

f*ckin

Gandalflemaia => merci de me répéter

Rapporter au modérateur

Pour souper avec le Diable mieux vaut avoir une longue cuillère.

Re:Pour arrière plan sans répétition (mais pas CSS)
« Répondre #8 sur: le 16-03-2005 a 15:38:19 »

jb_gfx
Superactif

Hors-Ligne

Sexe: Male

Messages: 562

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.