este borde me va a matar

[360]

Estoy haciendo una tabla para un menu, he intentado redondear las esquinas poniendo un gif para esto la tabla contiene 2 columnas y 3 celdas, en la columna de la derecha deben de ir los bordes (gif) pero al momento de insetarlos estos quedan un poco pequeño, he tratado redimensionar las celdas y las columnas para que esto se soluciones, pero lo unico que he logrado es que la tabla se haga mas grande o las celdas, como puedo ajustar las columnas y las celdas ( de los extremos) a las imagenes para que se aprecie bien el borde....


gracias de antemano



360

[ferny]

Checa estos link:
http://www.desarrolloweb.com/articulos/819.php
http://www.desarrolloweb.com/articulos/858.php

[regui]

No nos has dado muchas pistas de lo que te pasa, si nos mandaras el código sería más facil, pero vamos a ver si podemos hacer algo.
Creo que lo que te pasa es que has introducido en la celda en que pones el borde una imagen que es poco alta, entonces ese TR te queda más alto de lo que debiera. Para arreglarlo lo que tienes que crearte es una imagen de 1x1 px que sea trasparente e introducirla en la celda de la izquierda de la que has puesto los bordes, con la misma altura que la imagen de los bordes (la anchura da igual), de esta manera el TR entero coge la altura de las imágenes. No se si me he explicado bien o es lo que quieres. Si no mandanos el código y veremos que podemos hacer.

[360]

Aqui les mando el codigo, ya he revisado el link que me han mandado de ahi he sacado la idea, el problema es que no me cuadra el borde, miren: hago la tabla con dos columnas y 6 celdas en la parte posterior e inferior del lado dercho inserto las imagenes pero estas le dan el efeecto de boleado el problema es que no es completo si no el fondo de la celda aparece donde acaba el gif, solo quiero que el gif quede exactamnente en la esquina de cada celda.

gracias 360

codigo:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#0000FF" class="chico1">
<td width="86%" height="12">
<div align="center"><strong><font color="#F4280B">Menu</font></strong></div></td>
<td width="0%">&nbsp;</td>
<td width="14%"><img src="esquinasredondas/sup-der.gif" width="11" height="11"></td>
</tr>
<tr bgcolor="#0000FF" class="chico1">
<td>&nbsp;</td>
<td colspan="2" rowspan="4"><img src="esquinasredondas/pixeltrans.gif" width="1" height="1"></td>
</tr>
<tr bgcolor="#0000FF" class="chico1">
<td>&nbsp;</td>
</tr>
<tr bgcolor="#0000FF" class="chico1">
<td>&nbsp;</td>
</tr>
<tr bgcolor="#0000FF" class="chico1">
<td>&nbsp;</td>
</tr>
<tr bgcolor="#0000FF" class="chico1">
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><img src="esquinasredondas/inf-der.gif" width="11" height="11"></td>
</tr>
</table>