Aide - Recherche - Membres - Calendrier
Version complète : Puce/image et CCS
Forum Développeur - Administration serveur, programmation et base de données > Programmation > xHTML et CSS
Scaramanga
Hello,
Déjà désolé si cette question semble cucul...
Est il possible d'intégrer un image utilisée comme puce dans le CCS ?
Voici l'exemple sur cette page! (site en construction...)
La puce en question, c'est petite fléche orange -> user posted image qui sra à plusieur endroits dans le texte.
Alors plutôt que d'avoir à chaque puce le code :
CODE
<img src="http://scaraweb.free.fr/predators-team/images/fleche.jpg" height="11" width="11">
Ne serait il pas plus interessant d'avoir un truc plus optimisé grâce au css ?

J'en profite pour remercier les animateurs de ce forum, grace à qui j'ai pu faire le site indiqué plus haut ! biggrin.gif
Sol@rweb
Salut,

Il en effet tout à fait possible d'utiliser une image pour une puce :

CODE
list-style-image:url([nom de fichier])


Voila @+
Oliver
Salut !
Hop ! un lien sympa : http://mammouthland.free.fr/cours/css/cours4.php
Scaramanga
Merci pour vos réponses !
Le code trouvé ç cette adresse : http://mammouthland.free.fr/cours/css/cours5.php
Corespond à mes besoins, hélas : marche pô sous IE ...
amoss
[quote]Salut, Il en effet tout à fait possible d'utiliser une image pour une puce :
CODE
list-style-image:url([nom de fichier])
Voila @+[/quote] a tu essayé celui la ? ca devrait marcher !
CODE
<li>texte apres la puce</li>
t'affichera ton texte avec ta puce avant ( si je ne me trompe pas ... )
Sol@rweb
Apres si on m'écoute pas c pas mon probleme smile.gif
Scaramanga
@Shgamer> Je n'ai pas squizzé ta réponse ! :oops:
Ta solution, rappelée par Amoss, fonctionne, sauf que ça applique un retrait au texte ...
Scaramanga
Même en ajoutant
CODE
list-style-position:inside;

:roll:
Sol@rweb
je pense que ceci devrait faire ton bonheur :

http://fr.selfhtml.org/css/proprietes/listes.htm

Sinon tu pux ptet mettre un margin-right = -qqchose
Scaramanga
Merci ! Ca roule ! biggrin.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.
Invision Power Board © 2001-2009 Invision Power Services, Inc.