No me funciona un margin top

[Alex2010]

En esta plantilla tengo un problema con la propiedad "margin".



El tema en cuestión está en el enlace "View Project". Le he aplicado un margin-top para separarlo del cuerpo de la noticia pero no hace absolutamente nada.

Por el contrario y como prueba he optado por darle margin-bottom al cuerpo de la noticia y sí consigo lo que quiero. Pese a que con eso me basta, aun me quedo con la duda de por qué al ponerle el margin top al enlace no separa las cajas.

He buscado mucho y no he encontrado nada. De hecho he estado haciendo pruebas. Por ejemplo, he puesto un div debajo del View Project, solamente texto, no un enlace, le he aplicado el margin top y sí me lo ha separado. En fin, con esto solo me da que pensar que no aplica el margin por culpa de que es un enlace <a>.

[DarkMaurice]

hola, probaste en ponerle al hover de la clase del div?.

algo como:

.estilo_del_div a:hover{

margin-top: 10px;

}


Saludos.

[enrique4480]

a mi me a pasado alguna vez que no hace caso al top y le asigno 2 o 5 px de padding y ya me aplica el top que quiero.

[Alex2010]

Acabo de probar lo que comentas y sigue igual. Aplica todo lo que le digo en a:hover pero el margin sigue sin funcionar.

He probado también ahora lo que dice enrique y vaya, ahora el View Project se superpone encima del cuerpo de la noticia. Le he dado padding top y ahora el borde se sube unos píxeles por encima del div de la noticia.

[ArturoGallegos]

mmm prueba con

Código CSS:

.estilo_del_div a{display:block;float:left;margin-top: 10px;}
 

[enrique4480]

alex perdona por no especificar, quiero decir si tu div se encuentra encerrado en otro dale padding al contenedor y no al div que se queda "clavado".

[Alex2010]

Agg66, efectivamente, ¡era eso! ¡Muchas gracias a todos los que habéis contestado!

Buscando sobre la propiedad display, las etiquetas <a> tiene disposición inline con un comportamiento diferente al block, que es el que tiene por ejemplo los DIV.

EDIT 2: Enrique, he probado lo que me has dicho, sin lo de Agg, y sigue igual. Seguramente sea problema del inline del <a>. Pero bueno, el caso es que con display block ya funciona.
Pero ojo, ¡que no has dicho nada malo! De hecho, ayer me paso lo mismo, no con esto, sino con otra cosa, e hice de pura casualidad lo que me acabas de decir y funcionaba correctamente. Que casualidad que ayer me sorprendiera de eso y mira por donde, hoy me has dado tu la misma solución. xD