Foros del Web » Creando para Internet » CSS »

Colocar 2 bordes a un solo div, podré hacerlo?

Estas en el tema de Colocar 2 bordes a un solo div, podré hacerlo? en el foro de CSS en Foros del Web. Hola, estoy intentando hacer lo que Yahoo answers hace con los avatars (imágenes de los usuarios) pero no lo he logrado aún. Les dejo una ...
  #1 (permalink)  
Antiguo 02/04/2007, 16:38
Avatar de marcosr  
Fecha de Ingreso: agosto-2005
Ubicación: Montevideo, Uruguay
Mensajes: 451
Antigüedad: 12 años, 3 meses
Puntos: 5
Colocar 2 bordes a un solo div, podré hacerlo?

Hola, estoy intentando hacer lo que Yahoo answers hace con los avatars (imágenes de los usuarios) pero no lo he logrado aún.

Les dejo una página cualquiera de Yahoo answers para que vean lo que digo:

What kinds of pet food were not affected by the recall?



Como pueden ver Yahoo lo realiza agregando un borde blanco a la imágen y luego un borde negro mediante CSS a el div que contiene la imágen pero yo no quiero agregar un borde blanco a las imágenes, quiero ponerle 2 bordes a un div o 1 borde blanco a 1 div y uno negro a otro div que lo contenga, cualquier otro modo es aceptado también.

Muchas gracias de antemano.
__________________
Yo hago preguntas inteligentes para obtener respuestas rapidas, y vos?
(únete a la campaña !)
  #2 (permalink)  
Antiguo 03/04/2007, 15:41
Avatar de floren  
Fecha de Ingreso: febrero-2005
Ubicación: Málaga
Mensajes: 134
Antigüedad: 12 años, 10 meses
Puntos: 0
Re: Colocar 2 bordes a un solo div, podré hacerlo?

Hola marcosr, hay una propiedad que se llama padding: Creas un div con el borde negro y fondo blanco y un padding a tu gusto.

Código HTML:
.cajafoto{
   border: 1px solid #CCCCCC;
   padding: 5px;
   background-color: #FFFFFF;
}
No son dos divs, sino uno al cual se le ve el borde negro y algo de fondo blanco. Ojalá te sirva.
  #3 (permalink)  
Antiguo 03/04/2007, 15:52
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 16 años, 9 meses
Puntos: 535
Re: Colocar 2 bordes a un solo div, podré hacerlo?

Hola, no son dos bordes sino uno. Y lo logran de la siguiente manera:

Código HTML:
<img width="48" height="48" border="0" align="middle" src="http://l.yimg.com/img.avatars.yahoo.com/users/1ffG0nN__AAEB4ISu6BcXAw==.medium.jpg" class="picture" style="width: 48px; height: 48px;"/> 
Fijate que es una imagen que tiene un class llamado picture que por un lado tiene un borde de 1px y por el otro un padding de 2px.

Código:
.picture { border:1px solid #999;padding:2px;margin-bottom:3px; }
Saludos
__________________
...___...

Última edición por AlZuwaga; 03/04/2007 a las 16:50 Razón: porque no sabía que el BBCode [HTML] no permite colorear :p
  #4 (permalink)  
Antiguo 03/04/2007, 16:31
Avatar de marcosr  
Fecha de Ingreso: agosto-2005
Ubicación: Montevideo, Uruguay
Mensajes: 451
Antigüedad: 12 años, 3 meses
Puntos: 5
Re: Colocar 2 bordes a un solo div, podré hacerlo?

A decir verdad, no había revisado el código, simplemente supuse ya que al mirar la imágen sola en Firefox me pareció que tenía un marco blanco. Jaja Vale la experiencia.

Por otro lado no se me había ocurrido hacer padding + borde y era lógicamente la mejor opción.

Agradezco mucho toda la ayuda brindada !

Un abrazo
__________________
Yo hago preguntas inteligentes para obtener respuestas rapidas, y vos?
(únete a la campaña !)

Última edición por marcosr; 03/04/2007 a las 16:32 Razón: Correción de error al escribir.
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 08:04.