Foros del Web » Creando para Internet » CSS »

Poner imagen en borde

Estas en el tema de Poner imagen en borde en el foro de CSS en Foros del Web. Hola. Tengo una imagen que es un ".", y quiero que en la parte de abajo de la tabla aparezca punteado, ".........". En la derecha ...
  #1 (permalink)  
Antiguo 03/08/2009, 07:19
 
Fecha de Ingreso: febrero-2007
Mensajes: 165
Antigüedad: 10 años, 10 meses
Puntos: 0
Poner imagen en borde

Hola.

Tengo una imagen que es un ".", y quiero que en la parte de abajo de la tabla aparezca punteado, ".........".

En la derecha e izquierda otra imagen.

Pero no se como podria hacerlo.

Muchas gracias y perdon.
  #2 (permalink)  
Antiguo 03/08/2009, 07:52
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: Poner imagen en borde

table{background: transparent url(tuimagen.gif) repeat-y left bottom}

si queres manejar un poco mejor donde pasa la rayita hacelo con padding-bottom y margin-bottom

__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 03/08/2009, 08:10
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Poner imagen en borde

Puedes colocar imágenes distintas al mismo elemento utilizando css3. Pero ya conocerás los peligro potenciales que ello conlleva.
Las posibilidades serían:
Cita:
border-image:
border-top-image
border-right-image
border-bottom-image
border-left-image
border-corner-image:
border-top-left-image
border-top-right-image
border-bottom-left-image
border-bottom-right-image
Pero si quieres ir a lo seguro tendrás que crear varios contenedores para poder poner esas imágenes como fondo.
También podrías colocarlas en el mismo contenedor vía html y fijarlas en su posición con distintas clases para cada una.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 03/08/2009, 10:48
 
Fecha de Ingreso: diciembre-2008
Mensajes: 56
Antigüedad: 9 años
Puntos: 1
Respuesta: Poner imagen en borde

Un detalle, si tu intención es poner los border punteados, puedes aplicar estilo al borde.

border: 1px dotted #000;

ejemplo
td, th {border-left:1px dotted #000; border-bottom:1px dotted #000; }
table {border-top:1px dotted #000; border-right:1px dotted #000; }

En IE6 tiene apariencia rayado pero... hay que valorar pros y contras

Un saludo.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:07.