Bonjour à tous,

Je connais bien le HTML mais je suis un peu noob en CSS, surtout en ce qui concerne le position de DIV en absolut, relatif, etc... C'est pourquoi j'aurai besoin de votre aide.

J'ai un tableau (ah, un bon vieux tableau ^^), et dans chaque case, je souhaite afficher un chiffre au centre, un triangle en haut à droite, un triangle en bas à droite et un triangle en bas à gauche. Je ne vous le cache pas, c'est pour une sorte de calendrier.
Je n'arrive pas à avoir un rendu correct et surtout un code propre (j'utiliserai une feuille externe ensuite).

Voila ce que j'ai codé pour le moment, pour chaque case (avec 3 images de 30px par 30px) :
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
<div style="width:60px;height:60px;border:0px solid black;">
   <div style="position:absolute;float:left;width:60px;height:60px;text-align:center;vertical-align:center;z-index:2;">
              15
   </div>
   <div style="position:relative;float:left;width:30px;height:30px;"></div>
   <div style="position:relative;float:right;"><img src="./top_right.gif" /></div>
   <div style="position:relative;float:left;"><img src="./bottom_left.gif" /></div>
   <div style="position:relative;float:right;"><img src="./bottom_right.gif" /></div>
</div>
Ca marche à peu près sous FF, mais pour IE, le texte ne s'affiche pas.
Merci d'avance pour toute votre aide.