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.
11/10/2005, 10:53
| ||||
| ||||
 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.
__________________ Rubén Espada Desarrollador full stack .Net (Angular + JS + .Net Core) |
|
11/10/2005, 18:31
| |||
| |||
| Puedes crear dos Div's... no crees? Luego crear algo asi
Código:
Espero que te sirva... cualquier duda preguntala... :DStyle:
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>
Salu2
__________________ Saludos Erik© (Antes loco_erik ... por reflexion de lo feo que suena me cambie de nick ;) ) :si: |
|
12/10/2005, 05:06
| ||||
| ||||
| Veras, yo lo que quiero esque los boder de una tabla como esta... <table> <tr> <td></td> <td></td> <td></td> </tr>... </table>
__________________ Rubén Espada Desarrollador full stack .Net (Angular + JS + .Net Core) |
|
12/10/2005, 19:16
| |||
| |||
| 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
__________________ Saludos Erik© (Antes loco_erik ... por reflexion de lo feo que suena me cambie de nick ;) ) :si: |
|
14/10/2005, 19:03
| |||
| |||
| 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:
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.<!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"> </td>
<td class="yankee"> </td>
<td><img src="http://www.forosdelweb.com/images/editor/justifycenter.gif" /></td>
</tr>
<tr>
<td class="xray"> </td>
<td class="whisky">QWERYUIOP</td>
<td class="whisky">QWERYUIOP</td>
<td class="xray"> </td>
</tr>
<tr>
<td class="xray"> </td>
<td class="whisky">QWERYUIOP</td>
<td class="whisky">QWERYUIOP</td>
<td class="xray"> </td>
</tr>
<tr>
<td><img src="http://www.forosdelweb.com/images/editor/justifycenter.gif" /></td>
<td class="yankee"> </td>
<td class="yankee"> </td>
<td><img src="http://www.forosdelweb.com/images/editor/justifycenter.gif" /></td>
</tr>
</tbody>
</table>
</body>
</html>
saludos furoya |
|
18/10/2005, 13:40
| ||||
| ||||
| 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
__________________ El mundo exige resultados. No le cuentes a otros tus dolores del parto. Muéstrales al niño. |
|
18/10/2005, 13:46
| ||||
| ||||
| Cita: Ha una tercera... esperar a que salga CSS 3 hay dos soluciones:  en donde SI (aparentemente) existirá la posibilidad de colocar una imagen como borde de tabla...  
__________________ Pasamos tus PSD a HTML Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. - |
|
19/10/2005, 01:40
| ||||
| ||||
| 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... Y una cuarta con CSS3 hacer un border-radius pa poner bordes curvos sin imagenes! haber quien saca la quinta jeje 
__________________ El mundo exige resultados. No le cuentes a otros tus dolores del parto. Muéstrales al niño. |
|
19/10/2005, 02:41
| ||||
| ||||
| Hola, y donde puedo encontrar informacion sobre CSS3 en español??? (en referencia a las imagenes en los bordes...) Gracias a todos ^^
__________________ Rubén Espada Desarrollador full stack .Net (Angular + JS + .Net Core) |
|
19/10/2005, 03:44
| ||||
| ||||
| 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/
__________________ El mundo exige resultados. No le cuentes a otros tus dolores del parto. Muéstrales al niño. |
|
10/05/2008, 10:47
| ||||
| ||||
| 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. :) |
Gracias, talvez pueda solucionar lo que quiero hacer 
