Foros del Web - una imagen ponerla de borde en una tabla

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - una imagen ponerla de borde en una tabla (http://www.forosdelweb.com/f53/imagen-ponerla-borde-tabla-340845/)

una imagen ponerla de borde en una tabla

Hola amigos, me gustaria saber como puedo poner una imagen en el borde de una tabla, osea totalmente pegado, como si fuera el propio borde de la tabla, haciendolo de tal forma, que no se note la diferencia.

Gracias de antemano.

Puedes crear dos Div's... no crees?
Luego crear algo asi

Código:

Style:

div#border{

padding:1px;

background:url('archivo.gif');

}

dirv#content{

background:#fff;

}
 

y poner en el HTML
 

<div id="border">

   <div id?"content>Contenido...</div>

</div>

Espero que te sirva... cualquier duda preguntala... :D

Salu2

Veras, yo lo que quiero esque los boder de una tabla como esta...
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>...
</table>

mmm el tag Table no tiene soportado poner imagenes como bordes...(solo colores hexadecimales), aunque puedes seguir la idea que te comenté pero esta vez aplicarias el id a la etiqueta table...

Salu2

:-) Gracias, talvez pueda solucionar lo que quiero hacer :-)

td{
background:url('archivo.gif'); bottom center no-repet;
}

no lo probe pero igual y asi sirve

saludos

Hola todos :

A mi también me parece que el borde no acepta background (mucho menos una imagen dentro) así que habrá que inventar algo.

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<style>

.alfa{

background-image: url(http://www.forosdelweb.com/images/rating/rating_5.gif);

background-position: top center;

border-width:0px;

}

.alfa td{

background-color: #ffffff;

font-size: 16px;

font-family: "times new roman", arial;

}
 
 

.zulu{

background-color: #ffffff;

}

.yankee{

font-size: 1px;

background-image: url(http://www.forosdelweb.com/images/editor/justifycenter.gif);

background-repeat: repeat-x;

background-position: center;

height: 15px;

}

.xray{

background-image: url(http://www.forosdelweb.com/images/editor/justifycenter.gif);

background-repeat:repeat-y;

background-position:center;

}

.whisky{

background-color:#ffffff;

padding:10px;

border:1px solid;

}

</style>

</head>

<body>

<table class="alfa" border=1 cellspacing=12>

<tbody>

<tr>

<td>QWERTYUIOP</td>

<td>QWERTYUIOP</td>

</tr>

</tbody>

</table>
 

<br /><br />
 

<table class="zulu" border=0 cellspacing=0>

<tbody>

<tr>

<td><img src="http://www.forosdelweb.com/images/editor/justifycenter.gif" /></td>

<td class="yankee">&nbsp;</td>

<td class="yankee">&nbsp;</td>

<td><img src="http://www.forosdelweb.com/images/editor/justifycenter.gif" /></td>

</tr>

<tr>

<td class="xray">&nbsp;</td>

<td class="whisky">QWERYUIOP</td>

<td class="whisky">QWERYUIOP</td>

<td class="xray">&nbsp;</td>

</tr>

<tr>

<td class="xray">&nbsp;</td>

<td class="whisky">QWERYUIOP</td>

<td class="whisky">QWERYUIOP</td>

<td class="xray">&nbsp;</td>

</tr>

<tr>

<td><img src="http://www.forosdelweb.com/images/editor/justifycenter.gif" /></td>

<td class="yankee">&nbsp;</td>

<td class="yankee">&nbsp;</td>

<td><img src="http://www.forosdelweb.com/images/editor/justifycenter.gif" /></td>

</tr>

</tbody>

</table>

</body>

</html>

Por supuesto que las imágenes deben ser tipo "mosaico". El segundo es el mismo que se usa para el efecto de bordes con esquinas redondas.

saludos

furoya

aber hay dos soluciones:
-con tablas recortando una imagen y poniendolas como background de las celdas de las esquinas.

-y con CSS pon iendo una imagen en posicion relativa.

saludo si no te basta con esto mira un ejemplillo que hice hace mucho

www.blogsecreto.com

Mira lo de pasos a seguir. son imagenes. bajate la web y observa el codigo. Esto lo hice hace mucho. ahora lo ahria con CSS. saludos

Cita:

hay dos soluciones:

Ha una tercera... esperar a que salga CSS 3 ;-) en donde SI (aparentemente) existirá la posibilidad de colocar una imagen como borde de tabla... :si: :-D

Cita:

Iniciado por webosiris

Ha una tercera... esperar a que salga CSS 3 ;-) en donde SI (aparentemente) existirá la posibilidad de colocar una imagen como borde de tabla... :si: :-D

Y una cuarta con CSS3 hacer un border-radius pa poner bordes curvos sin imagenes!

haber quien saca la quinta jeje:adios:

Hola, y donde puedo encontrar informacion sobre CSS3 en español???
(en referencia a las imagenes en los bordes...)

Gracias a todos ^^

Traduccion de google de la pagina de CSS3 de W3C consortium

http://translate.google.com/translat...lr%3D%26sa%3DG

La original
http://www.w3.org/TR/2005/WD-css3-background-20050216/

Aunque la misma Css3 está estancada.

Re: una imagen ponerla de borde en una tabla

Hola, soy nuevo por aqui pero quisiera dejar mi humilde aporte:

Se Puede tambn colocar la tabla dentro de un DIV y a este colocarle estilos en css como por ejemplo:

background-image:url(lo_que_sea.gif);
background-position:right;
background-repeat:repeat-y;

y a la tabla le colocas border=0, esto se ve como si le estuvieras dando una imagen al borde derecho de la tabla, pero en realidad es al div que se le coloco un fondo alineado a la derecha.
:)