Foros del Web » Creando para Internet » CSS »

Bordes en imágenes

Estas en el tema de Bordes en imágenes en el foro de CSS en Foros del Web. He aplicado hojas de estilos a imagenes de la siguiente manera: <img src="http://www.web.net/imagenesweb/bundestag-berlin-alemania.jpg" class="imagenborde" /> Hago la llamada desde head .imagenborde { border: 1px solid ...
  #1 (permalink)  
Antiguo 20/11/2011, 09:38
 
Fecha de Ingreso: marzo-2004
Ubicación: Madrid (España)
Mensajes: 837
Antigüedad: 20 años, 1 mes
Puntos: 9
Bordes en imágenes

He aplicado hojas de estilos a imagenes de la siguiente manera:
<img src="http://www.web.net/imagenesweb/bundestag-berlin-alemania.jpg" class="imagenborde" />

Hago la llamada desde head
.imagenborde {
border: 1px solid #F0F0F0;
}
No me convence mucho como queda el borde y quería aplicar un borde similar a dos lineas separadas por un espacio. Algo como hacen las tablas.

Aplicando el borde a imagen con una tabla sería asi:
<table border="1" cellspacing="5" cellpadding="0" bordercolor="#CCCCCC">
<tr>
<td><A href="Aranjuez08%20(7).htm"><IMG src=".20(5).jpg" height="262" width="350" border=0 alt="holanda"></A></td>
</tr>
</table>

¿Cómo podría aplicar el efecto en css?
  #2 (permalink)  
Antiguo 20/11/2011, 21:59
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Bordes en imágenes

Código CSS:
Ver original
  1. .imagenborde {
  2. border: 1px double #F0F0F0;
  3. }

Aunque me parece que tendría que ser más grande el ancho para poder apreciar las dos líneas, algo así:

Código CSS:
Ver original
  1. .imagenborde {
  2. border: 4px double #F0F0F0;
  3. }

Saludos

PD: acá podés encontrar más info: http://www.librosweb.es/referencia/css/border.html
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Última edición por C2am; 20/11/2011 a las 22:03 Razón: Enlace
  #3 (permalink)  
Antiguo 26/11/2011, 13:00
 
Fecha de Ingreso: marzo-2004
Ubicación: Madrid (España)
Mensajes: 837
Antigüedad: 20 años, 1 mes
Puntos: 9
Respuesta: Bordes en imágenes

Gracias por el aporte, perfecto.
Otra opción que encontre que actua de la misma manera:

.imgborde {
border: thick double #F0F0F0;
}
  #4 (permalink)  
Antiguo 26/11/2011, 15:22
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Bordes en imágenes

Hola
Una observación: definir el ancho como thick, medium, y no me acuerdo como es la otra, dejará a criterio de cada navegador como se verá.
Verifica como se ve en IE, FF, Chrome, etc. y verás que se presentan diferencias.
Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #5 (permalink)  
Antiguo 27/11/2011, 07:23
 
Fecha de Ingreso: marzo-2004
Ubicación: Madrid (España)
Mensajes: 837
Antigüedad: 20 años, 1 mes
Puntos: 9
Respuesta: Bordes en imágenes

Cita:
Iniciado por C2am Ver Mensaje
Hola
Una observación: definir el ancho como thick, medium, y no me acuerdo como es la otra, dejará a criterio de cada navegador como se verá.
Verifica como se ve en IE, FF, Chrome, etc. y verás que se presentan diferencias.
Saludos
He chequeado en Firefox, Chrome y Explorer se ven bien.

Etiquetas: bordes, imagenes
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 07:33.