Comment avoir un code CSS pour fond de page en voyant l'image une fois ?

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Comment avoir un code CSS pour fond de page en voyant l'image une fois ?

Message par Shawn ModdingGaming Dim 4 Déc 2016 - 10:57

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 04.12.16
Lien du forum : http://www.ubisoftmag.com

Description du problème

Bonjour/Bonsoir

Je poste ce sujet car, je cherche une code CSS pour une image de fond sur mes page HTML que ce soit remplie en une image, et non pas voir l'image plusieur fois.

Voici le code utilisé actuellement:

Code:
  <!-- CODAGE CSS INTEGRE -->
  <style type="text/css">
  body {
    background-attachment: fixed; /* Le fond restera fixe */
    background-image: url("https://i37.servimg.com/u/f37/19/50/95/19/watch_10.jpg");
    }

sur cette page en test:

Quelqu'un sait comment faire, car j'ai testé déjà les code existant ici, et sa me donne rien ou le même résultat.

En attendant une réponse de votre part.

Cdt


Dernière édition par Shawn ModdingGaming le Dim 4 Déc 2016 - 11:49, édité 2 fois
Shawn ModdingGaming

Shawn ModdingGaming
***

Masculin
Messages : 184
Inscrit(e) le : 04/11/2016

https://www.simulgamesmag.com
Shawn ModdingGaming a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment avoir un code CSS pour fond de page en voyant l'image une fois ?

Message par Neptunia Dim 4 Déc 2016 - 11:17

Bonjour ^^


Si l'image se répète alors qu'elle est fixe, c'est la preuve que votre image est trop petite.
On peut y remédier avec ce code :
Astuce Image de fond qui s'adapte à la résolution du visiteur
Mais ceci est plutôt destiné à des images plus grandes que l'écran du visiteur.
Si vous adaptez une image de 5000 pixels de large sur 2800 de haut sur un moniteur "normal" en 16/9 vous obtiendrez une image correcte.
Si vous adaptez un timbre poste de 100px de large sur 200 de haut, vous obtenez une bouillie de pixels.

Sinon pour gérer la répétition du fond c'est cette propriété.
Right background-repeat - Mozilla Developer Network
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment avoir un code CSS pour fond de page en voyant l'image une fois ?

Message par Shawn ModdingGaming Dim 4 Déc 2016 - 11:25

Neptunia a écrit:Bonjour ^^


Si l'image se répète alors qu'elle est fixe, c'est la preuve que votre image est trop petite.
On peut y remédier avec ce code :
Astuce Image de fond qui s'adapte à la résolution du visiteur
Mais ceci est plutôt destiné à des images plus grandes que l'écran du visiteur.
Si vous adaptez une image de 5000 pixels de large sur 2800 de haut sur un moniteur "normal" en 16/9 vous obtiendrez une image correcte.
Si vous adaptez un timbre poste de 100px de large sur 200 de haut, vous obtenez une bouillie de pixels.

Sinon pour gérer la répétition du fond c'est cette propriété.
Right background-repeat - Mozilla Developer Network

L'image fait 2600 x 1124. Il est impossible que sa face cela normalement. mais après avopir tous testé je pense, même résultat ou pire.
Shawn ModdingGaming

Shawn ModdingGaming
***

Masculin
Messages : 184
Inscrit(e) le : 04/11/2016

https://www.simulgamesmag.com
Shawn ModdingGaming a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment avoir un code CSS pour fond de page en voyant l'image une fois ?

Message par Neptunia Dim 4 Déc 2016 - 11:43

L'image fait 800px × 450px

Vous avez probablement omis de choisir Non à "redimensionner" lors de l'envoi sur Servimg.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment avoir un code CSS pour fond de page en voyant l'image une fois ?

Message par Shawn ModdingGaming Dim 4 Déc 2016 - 11:48

Neptunia a écrit:L'image fait 800px × 450px

Vous avez probablement omis de choisir Non à "redimensionner" lors de l'envoi sur Servimg.

Elle fait bien la taille que j'ai donnée, juste que servimg est naze, car des que sa dépasse 3072px de large il upload pas, il refuse le fichier. Toute fois j'ai résolu mon problème en sortant une ligne de commande html pour fond de page.

Je la communiquerais ulterieurement, qui de plus est mieux que le Css de base.
Shawn ModdingGaming

Shawn ModdingGaming
***

Masculin
Messages : 184
Inscrit(e) le : 04/11/2016

https://www.simulgamesmag.com
Shawn ModdingGaming a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum