Buenas
Actualmente tengo un sistema de pestañas diseñado mediante tablas y algún estilo de mouse over.
Ahora me gustaría pasarlo a css y no controlo muy bien como poner 2 imágenes en el borde superior izquiero y derecho.
Esto es lo que tengo. Lo que está contorneado en verde son 2 imágenes para dar aspecto redondeado a los bordes superiores, las imágenes que no se controlar en css para poner en dichas posiciones:
Os dejo el código que tengo de tablas que hace un poco feo por si os vale para algo:
Código HTML:
<table cellpadding="3" cellspacing="0" border="0" align="center" width="369" height="25">
<tr>
<td>
<table style=" background-color: #ce3306; " cellpadding="0" cellspacing="0" border="0" bgcolor="#000000" height="28" width="130">
<tr>
<td width="13" height="13"><img src="imgs/upLOver.gif"></td>
<td height="13"></td>
<td width="13" height="13"><img src="imgs/upROver.gif"></td>
</tr>
<tr>
<td width="13"></td>
<td>s</td>
<td width="13"></td>
</tr>
</table>
</td>
<td>
<table style=" background-color: #972200;" cellpadding="0" cellspacing="0" border="0" height="28" width="130">
<tr>
<td width="13"><img src="imgs/upL.gif"></td>
<td height="13"></td>
<td width="13"><img src="imgs/upR.gif"></td>
</tr>
<tr>
<td width="13"></td>
<td>a</td>
<td width="13"></td>
</tr>
</table>
</td>
<td>
<table style=" background-color: #972200; " cellpadding="0" cellspacing="0" border="0" height="28" width="130">
<tr>
<td width="13"><img src="imgs/upL.gif" width="13" height="13"></td>
<td height="13"></td>
<td width="13"><img src="imgs/upR.gif"></td>
</tr>
<tr>
<td width="13"></td>
<td>a</td>
<td width="13"></td>
</tr>
</table>
</td>
</tr>
</table> imgs/upR.gif, imgs/upL.gif, imgs/upROver.gif, imgs/upLOver.gif son las imágenes de los bordes superior derecha y superior izquierda de cada pestana.
Gracias de antemano.