excusez moi, mais j'ai encore un souci
donc voilà, j'ai deux images de 21*21px qui se situent avant et après la <DIV> où se situent les liens.
CSS :
#menu_g {background:#FFF;margin:45px 0 0 10px;width:170px;height:auto;}
#menu_g_1 {background:#FFF;margin:10px 20px 5px 0;width:150px;height:21px;}
#menu_g_2 {background:#FFF;margin:0 auto 0 auto;width:128px;height:auto;border:1px solid #999;text-align:center;}
.menu_g_2 a {background:#FFF;text-decoration:none;text-align:center;font-family:arial;display:block;color:#000;font-size:100%;}
.menu_g_2 a:hover {background:#CCC;text-decoration:none;text-align:center;font-family:arial;display:block;color:#000;font-size:100%;}
voilà le code CSS
HTML :
<TABLE WIDTH="150" CELLPADDING="0" CELLSPACING="0">
<TR VALIGN="top">
<TD WIDTH="21" VALIGN="top"><IMG SRC="images/site/menu_g_g.gif"/></TD>
<TD WIDTH="130" VALIGN="top"><DIV ID="menu_g_2" CLASS="menu_g_2"><A HREF="inscription.html">S'inscrire</A></DIV></TD>
<TD WIDTH="21" VALIGN="top"><IMG SRC="images/site/menu_g_d.gif"/></TD>
</TR>
</TABLE>
j'ai pas trouvé d'autres moyens que de faire ça
et j'aimerai savoir quelle possibilité CSS me permettrait "d'encadrer" la DIV par les deux images, sans avoir à recourir aux tables ?