Bonjour ,
 
 
 j'ai un petit soucis de formatage CSS.
 
voila j'ai le code html suivant
 
<h1>mon titre<h1>
 
et aimerais avoir le résultat visuel suivant (les smiley = puces ou assimilés)
  mon titre    
 
autant mettre une puce devant ou derrière en CSS ca marche bien mais les 2 a la fois ca me semble impossible dans cette forme de html  
 
on confirme ?    

Salut  
 
solution :
 

<h1> <img src="nom du fichier.son extension" /> Mon titre <img src="nom du fichier.son extension" /> </h1>

 
Je crois que j'ai rien oublier

<h1> <img src="nom du fichier.son extension" /> Mon titre <img src="nom du fichier.son extension" /> </h1>

  j'ai pas le droit de toucher au html  
sinon je t'assure que ça n'aurait pas fait long feu comme problématique  

Comment ça ?

Donne + d'infos sur ton serveur / hébergeur

Effectivement tu dois rajouter un span pour afficher deux backgrounds différents

<h1><span>mon titre</span><h1>

 
Et ensuite en css

h1 {background: url("path/to/icon_left" ) no-repeat center left}
h1 span {background: url("path/to/icon_right" ) no-repeat center right;padding:0 8px}

 
Enfin tu vois l'idée.

Ha, sans toucher au html.
Montre plus de code pour savoir si on ne peux pas mettre un background sur un élément parent de h1

Mon code fonctionne parfaitement : http://darkrodspace.free.fr/test/test1.html
 
La preuve ! ^^

 
pareil ca je sais faire   la problématique est pourtant simple sans toucher le html montré faire la css qui va bien.
 
mais a prioris dans une balise donné tu ne peux mettre une puce a gauche ou à droite du conteneur mais pas les 2 en même temps t'obligeant ainsi à encapsuler le code html comme tu le fait ...et encore la soluce d'un simple <img> avant et après mon texte reste dans ce cas le plus simple/protable.
 
en fait c'est une css destiné au plugin dokuwiki   et donc modifier le html généré ben tintin de manière propre sans créer le plugin qui va bien... et j'aurais aimé m'en sortir en jouant sur la CSS... si c'est impossible pas grâve je me taperais le plugin  
 
 

Mais pourquoi tu as pas accès au html ? C'est fou ça !

heuuuu c'est le moteur du wiki qui le génère ^^
 
donc pour la customisation de ton wiki, tu lui fille une CSS et zou le tour est joué excepté pour le cas présent.
 
donc je vais devoir me palucher un plugin qui transforme la syntaxe wiki  
== titre ==
en  
<h1><img ...></img>titre<img ...></img></h1>
au lieu de son comportement classique qui génère ceci
<h1>titre</h1>
 
bref la charge de boulot est carèment plus importante -_- qu'une simple astuce CSS (qui normalement est prévue pour ce genre de mise en page) ...

Ben, ton h1 il est déjà encapsulé. En plus j'imagine qu'il est toujours à la même place, cela ne doit pas être trop dur de donner un background image par css.
Tu n'as pas une url, ou site qui emploie ce système ?
 

bah de toute façon tu peux pas mettre de css sur le html si tu pas définie de balises sur le html
 
<h1><span class="gauche" ....>Mon titre<span class="droite"></h1>
 
si tu peux pas mettre de gauche et droite en HTML c'est mort pour le CSS , David Boring , tu me confirmes stp ? merci

Je suis surpris, je viens de visiter plusieurs sites sous DokuWiki et le h1 contient un lien.
Pas dans ton cas ?
Et de toute façons, le h1 est dans un div avec une class, donc aucun problème pour lui donner le smiley de gauche.

<div class="page"> 
 <h1> 
  <a id="team" name="team">Team</a> 
 </h1> 
 ... 
</div>

 
Fr-DarkRod, ton code est bizarre. Deux span (non fermé) plutôt qu'un ?

bah de toute façon mon premier code fonctionne mieux c'est plus propre