Comment ajouter du code CSS en ligne avec une image d'arrière-plan dans le code html de la page?
-
-
J'ai réalisé que leproblème était quej'avais de l'espace aumilieu demon code cssen ligne,ce quiempêchait le code defonctionner.I realized the problem was that I had some space in the middle of my inline css code which prevented the code from working.
- 0
- 2012-03-20
- Timothée HENRY
-
2 réponses
- votes
-
- 2012-03-19
Vousne pouvezpas simplement donner une classe à ce lien?pourquoitoucher vosfichiers demodèle? ..
detoutefaçonje ne vois aucune raisonpour laquelle vousne pouvezpasfaire ça ... le css devraitfonctionner ..Le seul changement queje ferais lors de lamodification d'unfichier demodèleest
en utilisantphppour obtenir l'url du dossier (où setrouve votreimage) comme ceci:<style type="text/css"> .specialLink a { width: 90%; font-family: Helvetica, Arial, sans-serif; background: #0e710d url("<?php get_bloginfo('url'); ?>/wp-content/uploads/2012/03/image.png") repeat-x 0 0; font-size: 1.6em; } </style> <p class="specialLink"><a href="http://mysite.com/wp-signup.php">Click here »</a></p>
Encore unefois ...je vous recommande d'utiliser votre style.csspour charger ce csset non dans
fichiers demodèle .. si vousen avezbesoin uniquementpour unepage spécifique,dites-le ...j'ai
unemeilleure solutionpour cela.J'espère que cela vous aidera,Sagive.
cant you just give that link a class? why touch your template files?..
anyhow i see no reason why you can't to that... the css should work..The only change i would do when editing a template file is
using php to get the folder url (where you image is) like so:<style type="text/css"> .specialLink a { width: 90%; font-family: Helvetica, Arial, sans-serif; background: #0e710d url("<?php get_bloginfo('url'); ?>/wp-content/uploads/2012/03/image.png") repeat-x 0 0; font-size: 1.6em; } </style> <p class="specialLink"><a href="http://mysite.com/wp-signup.php">Click here »</a></p>
Again... i reccomend you use your style.css to load that css and not in
template files.. if you need it just for a specific page say so... i have
a better solution for that.Hope this helps, Sagive.
-
J'ai réalisé que leproblème était quej'avais de l'espace aumilieu demon code cssen ligne,ce quiempêchait le code defonctionner.I realized the problem was that I had some space in the middle of my inline css code which prevented the code from working.
- 0
- 2012-03-20
- Timothée HENRY
-
heureux que vous ayez résolu cela.cegenre de chosespeut rendrefou un concepteuren cherchant une solution;)glad you solved that. that kinda stuff can get a designer crazy while searching for a solution ;)
- 0
- 2012-03-20
- Sagive SEO
-
Vous demandez un lien d'image cassé sur la routeen utilisant le chemin d'accès aufichier.Il seraitpréférable d'utiliser wp_get_attachment_image_src ().You're asking for a broken image link down the road by using the path to the file. It would work better to use wp_get_attachment_image_src().
- 0
- 2013-06-20
- JPollock
-
- 2012-03-19
Iln'y a aucune raisonpour que cettetechniquene fonctionnepasen général,même si votreexemple de code spécifiquene fonctionnerapas comme vous le souhaitez: vous ajoutez l'attribut style à unebalise A,pas à unebalise DIV,ce quiest ce que vous dites que vous voulezfaire.Labalise A doit donc avoir le styleindiqué,et non labalise DIV.
There's no reason this technique shouldn't work in general, although your specific code example won't work the way you say you want: you're adding the style attribute to an A tag, not to a DIV tag, which is what you say you want to do. So the A tag should be styled as shown, not the DIV tag.
Je souhaite ajouter du code cssen ligne dans unepage demonblog. Ce code css appelle uneimage comme arrière-plan d'un div.
Est-cepossible?et commentfaire cela?
Exemple de code queje colle surmapage html: