CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Fond de site ...

PPOOPPOO
PPOOPPOO
Niveau 7
15 décembre 2006 à 21:11:33

Bonjour,
je voudrais savoir comment on fait pour faire un fond qui ne bouge pas et qui ne se repete pas (comme sur jeuxvideo.com) en xhtml/css
merci d´avance

Pradou26
Pradou26
Niveau 10
15 décembre 2006 à 21:33:23

background-repeat: no-repeat

deepblue
deepblue
Niveau 16
15 décembre 2006 à 22:00:57

background: no-repeat fixed;

leechunsoo
leechunsoo
Niveau 10
15 décembre 2006 à 22:01:49

background-attachment: fixed;

darth-bane
darth-bane
Niveau 10
15 décembre 2006 à 22:11:22

Et c´est une bonne réponse collégiale de Pradou26 et leechunsoo :
- background-repeat: no-repeat => pour que l´image de fond ne s´affiche qu´une seule fois (celle de JV se répète, elle).
- background-attachment : fixed => pour que l´image de fond ne défile pas avec le reste de la page.

Mais la victoire revient à Deepblue qui a donné une réponse complète et surtout résumée en une seule instruction :
background: no-repeat fixed

:ok:

Pseudo supprimé
Pseudo supprimé 15 décembre 2006 à 22:22:27

Oui mais qu´est moins lisible :(

Yoda_Software
Yoda_Software
Niveau 30
15 décembre 2006 à 22:25:26

Je ne suis pas d´accord !

Personnellement, je trouve ça plus lisible car rassemblé en une seule instruction.
A ça, s´ajoute le fait que c´est plus rapidement interprêté par le navigateur, d´où un gain de temps d´affichage.

deepblue
deepblue
Niveau 16
15 décembre 2006 à 22:31:29

on peu comparer "background: no-repeat fixed;" à "border:taille type couleur"...

Je disais la meme chose mais en fin de compte :
- moins long a ecrire
- tu ajoutes les parametres a l´arrache en qq secondes
- ça rend le fichier moins lourd (argument foireux mais c´en est un)

darth-bane
darth-bane
Niveau 10
15 décembre 2006 à 22:35:16

Un fichier css moins gros et comme je l´ai dis, plus rapide à interprêter. Bon, sur une dizaine d´instructions, on ne doit pas voir la différence, mais quand on commence à avoir un fichier un peu conséquent, la différence est notable !

PPOOPPOO
PPOOPPOO
Niveau 7
16 décembre 2006 à 12:56:51

Merci pour les reponses

Pseudo supprimé
Pseudo supprimé 16 décembre 2006 à 13:27:19

Ouais c´est vrai mais bon :/

Styfore
Styfore
Niveau 10
16 décembre 2006 à 14:37:15

Moi avec :
background: repeat fixed

Ça ne se répète pas :(
Ça fait exactement comme sur jv.

Styfore
Styfore
Niveau 10
16 décembre 2006 à 14:38:37

Nan, j´ai rien dit, mon image de fond est grande^^
Et j´ai mi repeat pour que ça se répète sur le côté si l´utilisateur à un grand écran :oui: (et éventuellement vers le bas, si son écran est gigantesque ^^)

darth-bane
darth-bane
Niveau 10
16 décembre 2006 à 16:07:57

background-repeat peut prendre les valeur suivante :
- no-repeat => pas de répétition
- repeat-x => répétition horizontale
- repeat-y => répétition verticale
- repeat => répétition horizontale & verticale

Sous forums
  • Aide à l'achat Mac
  • Internet
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware