Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/11/2011, 09:20
beni0888
 
Fecha de Ingreso: octubre-2008
Ubicación: Plasencia
Mensajes: 109
Antigüedad: 15 años, 6 meses
Puntos: 6
Problema con márgenes en css

Buenas,
mi problema es el siguiente, tengo una lista no ordenada en la que dentro de cada elemento li tengo un elemento <h4> y un elemento <p>. Con esta lista pretendo crear un carrusel de noticias y le he aplicado unos estilos css para que la lista no tenga margin, paddin ni estilo de lista (es decir, sólo quiero que aparezcan las entradas una debajo de otra). La cuestión es que, como supongo que sabréis la mayoría, el elemento h4 tiene margin-top y margin-bottom por defecto (los cuales quiero mantener), pero el problema que me surge es que el margen no lo toma el elemento <h4> con respecto al <li> que lo contiene sino que lo toma el elemento <li> contenedor con respecto al elemento <li> anterior. Esto me produce un efecto no deseado ya que la lista tiene un color de fondo diferente del elemento que la contiene y los elementos <li> aparecen separados con un espacio vertica en medio entre ellos. Por ello me gustaría saber si conocen alguna manera de evitar esto. De antemano gracias por su ayuda. Un saludo.