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

pb de background+taille

dnaprotector
dnaprotector
Niveau 5
17 juillet 2005 à 21:48:34

salut,
J utilise html + css et l orsque j affiche une image dans mon background l image est soit trop grande soit trop petite tout depend de la resolution de l ecran .
Que faire pour adapter l image d arriere plan a la resolution de l ecran du surfer?
J ai mis cette ligne:
< BODY BACKGROUND="H:\Documents and Settings\Franco01\Bureau\site web\CIEL ROGER3 950 1200 rouge.jpg" bgproperties="fixed" background-repeat:no-repeat>

leVoleurdeFeu
leVoleurdeFeu
Niveau 9
18 juillet 2005 à 00:34:50

Tu peux pas. Tu peux juste ajouter background-position:center à ta balise pour que l´image soit centré au milieu de l´écran.

captain_torche
captain_torche
Niveau 10
18 juillet 2005 à 09:54:21

Sinon, trois conseils :
- Ne mets pas le lien absolu vers ton fichier ( h:\etc), parce qu´il n´est valide que sur ton ordinateur.
Utilise à la place un lien relatif ( ici, ça sera juste " CIEL ROGER3 950 1200 rouge.jpg")

- Ne mets pas d´espace ni de caractères accentués dans le nom de tes fichiers, ça résoudra pas mal de problèmes.

- Idéalement, nomme tes fichiers en minuscules uniquement. Si tu te trompes en appelant ton fichier ( par exemple, toto.jpg alors qu´il s´appelle Toto.jpg), tu n´auras pas de souci sur ton ordi, parce que tu es sous Windows, mais en mettant ton site en ligne ( à 99% de chances d´être sous Linux), ça buggera.

Alexlink1er
Alexlink1er
Niveau 8
18 juillet 2005 à 13:51:15

C´est possible en faisant passer le background en image.

Après il faut écrire sur l´image ; ) .

< div style="width:x;height:x">
< img src="image" alt="Texte alternatif" style="width:100%;height:100%;" / >
< /div>

leVoleurdeFeu
leVoleurdeFeu
Niveau 9
18 juillet 2005 à 16:48:52

alexlink1er > Mais dans ce cas le site risque de clignoter à chaque fois qu´on passe d´une page à l´autre, à cause du rechargement de l´image...

Alexlink1er
Alexlink1er
Niveau 8
18 juillet 2005 à 17:11:08

Certes, mais c´est le seul moyen - enfin je crois .

Sinon il faut générer l´image dynamiquement en PHP en fonction de la taille de l´écran du visiteur ^^ .

dnaprotector
dnaprotector
Niveau 5
18 juillet 2005 à 17:15:14

ca ne marche pas l image ne recouvre pas totaleùent l ecran....

que sont ces lettres de valeurs x ou y que tu a mis?

on arrive pas ecrire du texte sur l image comment faire?

leVoleurdeFeu
leVoleurdeFeu
Niveau 9
18 juillet 2005 à 17:17:38

Pour mettre des trucs dessus je crois qu´il faut tout placer en absolu et mettre des z-index ( jamais essayé moi)

Alexlink1er
Alexlink1er
Niveau 8
19 juillet 2005 à 02:01:57

Les x c´est des valeurs . ....
( en px genre 300px ou en pourcentage 100% ) .
Utilise 100% pour toute la fenêtre.

Donc

< div
style="position:absolute;top:0px:left:0px;z-index:
0;width:100%;height:100%">
< img src="image" alt="Texte alternatif" style="width:100%;height:100%;"/>
< /div>
< div
style="position:absolute;top:0px:left:0px;z-index:
1;width:100%;height:100%">
Le texte !
< /div>

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