Un icone dans une box

Bonjour,

La boite en question à des coins arrondis et dans le header j'aimerais ajouter devant le titre un icone. Voir un exemple dans la colonne de droite:http://www.simpleentrepreneur.com/2007/09/18/se-promouvoir-efficacement-avec-une-signature-email/.



Le code XHTML

<div class="box" id="tagcloud">
	<p>Sponsors</p>
	<ul>
		<li><a href="http://www.fireworkszone.com/business/" target="_blank">Business</a></li>
		<li><a href="http://www.fireworkszone.com/infoonfinance/" target="_blank">Info on Finance</a></li>
		<li><a href="http://www.fireworkszone.com/onlinebusiness" target="_blank">Online Business</a></li>
	</ul>
</div>

CSS

#tagcloud p
{background-image:url(http://www.fireworkszone.com/pictures/icons/shield.png)!important;

.box {
  width: 150px;
  background: url(http://www.fireworkszone.com/pictures/boxes/div-bottom.gif) no-repeat bottom left; margin-bottom: 2em;
font-size: small;
  }
  
.box a {
padding: 0 0 0 3px;
font-size: small;
  }
  
.box p {
  margin: 0;
  padding: 6px 8px 4px 10px;
  font-size: 110%;
  color: #998333;
  border-bottom: 1px solid #B6B68A;
  background: url(http://www.fireworkszone.com/pictures/boxes/h3-bg.gif) no-repeat top left;
  }
  

--------------------------------
Résultat


Vous pouvez constater le résultat sur mon site: colonne de droite, section 'Sponsors'. Ce qui est étrange c'est que le haut de la box est cachée mais l'icone apparait.

Merci de votre aide
Modifié par fireworkszone (08 Jun 2008 - 16:47)

Bonjour, ton post n'est pas très clair

Pourrais-tu le reformuler et/ou ajouter des informations qui pourraient nous permettre de cerner mieux le problème car en l'état il me semble difficile de pouvoir t'apporter une quelconque aide.

Bonjour Akhilleus,

Sur mon site: Fireworks Zone, colonne de droite j'ai ajouté 3 box, avec des coins arrondis, avec chacune un titre particulier: special bundle, post categories et sponsors.

Maintenant je voudrais ajouter devant le titre de chaque box une icone. Tu peux voir que pour Sponsors l'icone est là mais il y a un problème c'est que le haut de la box n'apparait plus.

Pour le code, tu pourras trouver le code XHTML et CSS d'une boite + le code que j'ai rajouté dans mon 1er post.

J'espère avoir été plus clair

Thierry