se que se puede hacer con CSS pero no se como y por más que he buscado en Google, pues los criterios de búsqueda no han sido buenos...... este es el asunto
Tengo una sección del web en que tiene que ir una sección con 3 columnas, y para ello debe haber un fondo con bordes redondeados. Lo que hice fue crear una imagen para la parte superior con los bordes redondeados, duplicarla e invertirla para obtener otra imagen con los bordes redondeados para la parte inferior y por supuesto una franja rectangular para el medio.
He tratado de hacerlo con tablas de esta forma:
Código:
<div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr><td colspan="3" style="background:url(wp-content/uploads/bgr_body_top.png) no-repeat;"> </td>/tr>
<tr style="background:url(wp-content/uploads/bgr_body.png);">
<td>
<div id="sidebar_twitter">
<a href="<?php echo theme_twitter_link_show() ?>"><img src="wp-content/uploads/twitter.jpg" /></a>
<ul id="twitter_update_list"><li> </li></ul>
</div>
</td>
<td>
HOLA MUNDO 2
</td>
<td>
HOLA MUNDO 3
</td>
</tr>
<tr><td colspan="3" style="background:url(wp-content/uploads/bgr_body_bottom.png) no-repeat;"> </td>/tr>
</table>
</div>
Ahora bien he probado estas variaciones:
.... he creado 3 layers o DIV: uno para la cabecera, uno para el cuerpo y uno para el pie y en cada uno con style le he colocado la imagen respectiva
.... he probado colocar con style en la tabla misma, en cada tr (fila) pero nada
Siempre el resultado es el que se muestra en la imagen
no puedo evitar que aparezca la línea negra, que es como un salto de línea o algo así...... se que se puede hacer pero no se como
¿me pueden ayudar?
Un saludo desde el Perú
