Foros del Web » Creando para Internet » CSS »

Crear espacio entre tarjetas colindantes

Estas en el tema de Crear espacio entre tarjetas colindantes en el foro de CSS en Foros del Web. Hola a todos Estoy haciendo una página en la cual muestro unas tarjetas de modo parecido a como aparecen en este enlace http://mallorca-scout.com/component/option,com_sobi2/Itemid,377/lang,de/ Como verán ...
  #1 (permalink)  
Antiguo 30/11/2008, 16:27
 
Fecha de Ingreso: octubre-2008
Mensajes: 11
Antigüedad: 9 años, 2 meses
Puntos: 0
Crear espacio entre tarjetas colindantes

Hola a todos


Estoy haciendo una página en la cual muestro unas tarjetas de modo parecido a como aparecen en este enlace

http://mallorca-scout.com/component/option,com_sobi2/Itemid,377/lang,de/

Como verán las tarjetas están unas junto a otras sin apenas separación. A mí me sucede lo mismo. Mi pregunta es: qué estilos debo emplear para que me quede un espacio alrededor de cada tarjeta, pero por fuera de la caja. Es decir, lo que quiero es establecer una distancia respecto a la tarjeta colindante.

He usado lo siguiente, pero apenas se nota nada. Lo de poner 90px ha sido para exagerar la distancia, pero ni siquiera así he conseguido nada.

Código:
table.tarjeta td {
	margin: 90px 90px 90px 90px;
	vertical-align: top;
	border: 4px solid Lime;
	padding: 20px!important;
}
Saludos,

Mabel
  #2 (permalink)  
Antiguo 30/11/2008, 17:20
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Crear espacio entre tarjetas colindantes

Mira a ver si funciona poniendole un:
border-spacing:5px; /*cambia los 5 pixeles por lo que necesites...*/

Aresillo!!
  #3 (permalink)  
Antiguo 30/11/2008, 20:12
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Crear espacio entre tarjetas colindantes

Si lo que tienes ahi es lo que pusiste en tu codigo CSS esta mal declarado...

tendria que ser asi:

.tarjeta table td {
margin: 90px
}

De esa forma tendria que funcionar! intenta asi y comentas no?

Saludos!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
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 00:46.