Utilisation de background - commentaires Utilisation de background 2018-12-12T14:31:58Z https://openweb.eu.org/articles/background_css#comment3006 2018-12-12T14:31:58Z <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> Utilisation de background 2017-05-20T13:58:13Z https://openweb.eu.org/articles/background_css#comment2914 2017-05-20T13:58:13Z <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" 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> Utilisation de background 2017-05-19T22:41:15Z https://openweb.eu.org/articles/background_css#comment2913 2017-05-19T22:41:15Z <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> Utilisation de background 2016-08-22T11:50:46Z https://openweb.eu.org/articles/background_css#comment2855 2016-08-22T11:50:46Z <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> Utilisation de background 2016-08-22T11:31:27Z https://openweb.eu.org/articles/background_css#comment2854 2016-08-22T11:31:27Z <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> Utilisation de background 2015-02-11T15:14:18Z https://openweb.eu.org/articles/background_css#comment2668 2015-02-11T15:14:18Z <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> Utilisation de background 2015-02-09T19:04:37Z https://openweb.eu.org/articles/background_css#comment2662 2015-02-09T19:04:37Z <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> Utilisation de background 2014-03-31T16:57:23Z https://openweb.eu.org/articles/background_css#comment2251 2014-03-31T16:57:23Z <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> Utilisation de background 2014-03-31T16:29:54Z https://openweb.eu.org/articles/background_css#comment2249 2014-03-31T16:29:54Z <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> Utilisation de background 2014-01-31T18:41:08Z https://openweb.eu.org/articles/background_css#comment2184 2014-01-31T18:41:08Z <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>