La Communauté Webmaster  forum rss


  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] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  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





Voir le Profil
Répondre avec citation

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





Voir le Profil
Répondre avec citation

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

Voir le Profil    WWW    E-Mail
Répondre avec citation

<body style="background: imgaccueil5.jpg no-repeat;">

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





Voir le Profil
Répondre avec citation

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!

Voir le Profil
Répondre avec citation

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





Voir le Profil
Répondre avec citation

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





Voir le Profil    E-Mail
Répondre avec citation

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

Voir le Profil    WWW    E-Mail
Répondre avec citation

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





Voir le Profil    WWW
Répondre avec citation

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.

Rapporter au modérateur  

http://www.pixemedia.com
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg