Openweb.eu.org https://openweb.eu.org/ fr SPIP - www.spip.net Openweb.eu.org https://openweb.eu.org/local/cache-vignettes/L144xH67/siteon0-50793.png?1673357947 https://openweb.eu.org/ 67 144 https://openweb.eu.org/articles/background_css#comment3006 Utilisation de background <p>Bonjour, <br class="autobr"> Je suis étudiante et je suis en train de réaliser des pages web sous Dreamweaver. Votre article m'a bien aidée, mais j'aimerais savoir s'il est possible de fixer son background, de manière à ce qu'il ne défile pas en même temps que l'on scroll la page (comme ce que l'on peut faire sur Skyrock par exemple).<br class="autobr"> Bien à vous.</p> 2018-12-12T14:31:58Z text/html Satsuki https://openweb.eu.org/articles/background_css#comment2914 Utilisation de background <p>Bonjour,<br class="autobr"> Si je comprends bien votre problème, vous voudriez que l'image de fond (grandmere.jpg ?) se redimensionne automatiquement ?<br class="autobr"> Si oui, vous devriez jeter un coup d'oeil du côté de la propriété css3 <code class="spip_code spip_code_inline" dir="ltr">background-size:cover</code>. Je pense que cela doit répondre à vos attentes.<br class="autobr"> Vous trouverez un très bon tutoriel sur le site d'alsacreations : <a href="https://www.alsacreations.com/astuce/lire/1216-arriere-plan-background-extensible.html" class="spip_out" rel='nofollow external'>un arrière-plan extensible</a>.<br class="autobr"> En espérant que c'est cela que vous recherchez,<br class="autobr"> Cordialement,<br class="autobr"> PascaleLC</p> 2017-05-20T13:58:13Z text/html Pascale Lambert Charreteur https://openweb.eu.org/articles/background_css#comment2913 Utilisation de background <p>Bonsoir,</p> <p>Depuis 2 jours je galère pour insérer une image à la bonne dimension dans mon background.<br class="autobr"> Peu importe l'image, l'image est toujours trop grande. Impossible pour moi de la redimensionner.<br class="autobr"> Pourtant, j'ai redimensionné l'image sur paint mais rien à faire et sur wordpress mais rien à faire.<br class="autobr"> Ma configuration WP actuelle<br class="autobr"> – Version de WordPress :4.7.5<br class="autobr"> – Thème utilisé :Marketplus<br class="autobr"> – Nom de l'hebergeur :1and1<br class="autobr"> – Adresse du site :<a href="http://www.conseilretraite.fr" class="spip_url spip_out auto" rel="nofollow external">www.conseilretraite.fr</a><br class="autobr"> Je ne suis pas expert loin de là mais j'ai vraiment besoin d'aide...<br class="autobr"> Si vous pouvez inspecter ma page d'accueil et me dire la problématique cela serait gentil de votre part.<br class="autobr"> Je reste joignable si vous avez besoin d'éléments supplémentaires.<br class="autobr"> Merci pour votre retour.<br class="autobr"> Cordialement,<br class="autobr"> Alexandre</p> 2017-05-19T22:41:15Z text/html Alexandre 93150 https://openweb.eu.org/articles/background_css#comment2855 Utilisation de background <p>Bonjour,</p> <p>Merci de votre vigilance :)</p> <p>Je suis désolée de ne pas avoir pensé à indiquer que je suis aussi la webmestre de CSS Débutant ! ;) Il n'y a donc aucun plagiat : ce n'est pas le genre de la maison OpenWeb, croyez-le bien.</p> <p>Encore une fois merci.</p> 2016-08-22T11:50:46Z text/html Pascale Lambert Charreteur https://openweb.eu.org/articles/background_css#comment2854 Utilisation de background <p>ça ressemble à du pompage cet article ( <a href="http://css.mammouthland.net/image-de-fond-background-css.php" class="spip_url spip_out auto" rel="nofollow external">http://css.mammouthland.net/image-de-fond-background-css.php</a>) Si vous n'êtes pas l'auteur, honte à vous, et si vous l'êtes vous pourriez prévenir quelque part dans ces lignes</p> 2016-08-22T11:31:27Z text/html gwen https://openweb.eu.org/articles/background_css#comment2668 Utilisation de background <p>Bonjour,</p> <p>Une image de fond n'a pas vocation à être utilisée pour faire un lien.<br class="autobr"> Ce n'est ni sémantique, ni accessible.<br class="autobr"> Déclarez votre image dans le code, "en dur". Et, toujours pour l'accessibilité, n'oubliez pas de mettre un texte alternatif pertinent.</p> <p>Bonne continuation.</p> 2015-02-11T15:14:18Z text/html Pascale Lambert Charreteur https://openweb.eu.org/articles/background_css#comment2662 Utilisation de background <p>Bonjour à tous,</p> <p>Je viens de modifier mon background de cette façon.</p> <p>body.site <i><br class="autobr"> border-top : 3px solid #0088cc ;<br class="autobr"> padding : 450px ;<br class="autobr"> background-color : #778E60 ;<br class="autobr"> background-image : url("<a href="http://www.lecoindusenior.com/images/lcds/pommedepin.png" class="spip_url spip_out auto" rel="nofollow external">http://www.lecoindusenior.com/images/lcds/pommedepin.png</a>") ;<br class="autobr"> background-repeat : no-repeat ;<br class="autobr"> background-position : top ;<br class="autobr"> </i></p> <p>J'aimerai que cette image pointe vers l'url suivant : <a href="http://www.camping-lapommedepin.com/" class="spip_url spip_out auto" rel="nofollow external">http://www.camping-lapommedepin.com/</a> . comment dois-le l'incorporer dans mon code body-site ?<br class="autobr"> Par avance merci.</p> 2015-02-09T19:04:37Z text/html Gilles https://openweb.eu.org/articles/background_css#comment2251 Utilisation de background <p>Il est clair qu'une image d'une taille aussi importante risque de ralentir considérablement le chargement.<br class="autobr"> Si c'est en plus du fin fond de la cambrousse, avec une connexion poussive à tenter de visualiser la page sur un smartphone, vous allez perdre le client ;)</p> <p>Il existe maintenant en CSS3 des méthodes permettant d'étirer une image. Avec une image en SVG on n'aura pas de perte de qualité.</p> <p>Je vous invite à lire ces tutoriels :</p> <ul class="spip"><li> <a href="http://www.alsacreations.com/tuto/lire/1390-arriere-plans-css3-background.html" class="spip_out" rel='nofollow external'>arrière plans en CSS3</a></li><li> <a href="http://www.alsacreations.com/astuce/lire/1216-arriere-plan-background-extensible.html" class="spip_out" rel='nofollow external'>arrière plan extensible</a></li></ul> 2014-03-31T16:57:23Z text/html Pascale Lambert Charreteur https://openweb.eu.org/articles/background_css#comment2249 Utilisation de background <p>Bonjour, excellent tutoriel en effet.</p> <p>La seule question que cependant je me pose c'est au niveau de la hauteur de l'image.</p> <p>Doit on, quand on a beaucoup d'informations sur la page éditer une image très haute (ascenseur) ?</p> <p>Puisque cette dernière doit être légère, une image à haute résolution par exemple 1920 x 7000 pixels sera trop volumineuse.</p> <p>Quelle est la solution ?</p> <p>Merci de votre réponse.</p> <p>Cordialement.<br class="autobr"> Richard</p> 2014-03-31T16:29:54Z text/html Richard SIMONET https://openweb.eu.org/articles/background_css#comment2184 Utilisation de background <p>Excellent Tutorial, avez-vous des suggestion concernant l'adaptation des background pour les smartphone s'il vous plait ?</p> <p>Amicalement,<br class="autobr"> Damien</p> 2014-01-31T18:41:08Z text/html Damien