Pequeña consulta de CSS

[Jaimemartin]

Muy buenas.

Estoy haciendo unos retoques a mi plantilla prestashop. El caso es que la barra donde te dice en que sitio de la pagina estás (breadcrumb) no puedo quitarle el espacio del "top" solo he logrado una pequeña imagen que hay dentro, pero quiero hacer lo mismo con los <span> pero en estos no he sido capaz.

Os dejo el código:

Código HTML:

<!-- Breadcrumb -->
<div class="breadcrumb">
	<a href="http://localhost/tiendaonline/" title="Volver a Inicio"><img src="http://localhost/tiendaonline/themes/default/img/icon/home.gif" height="26" width="26" alt="Inicio"></a>
		<span class="navigation-pipe">&gt;</span>
			<a href="http://localhost/tiendaonline/index.php?id_category=3&amp;controller=category&amp;id_lang=1" title="ACCESORIOS">ACCESORIOS</a><span class="navigation-pipe">&gt;</span>iPod shuffle
			</div> 

CSS:

Código:

.breadcrumb {
	margin-bottom:10px;
	font-size:12px
}
.breadcrumb .navigation-pipe {margin:0 3px 0 5px}
.breadcrumb img {
	position:relative;
	top:0px
}

Supuestamente es quitando el 5px de ((.breadcrumb .navigation-pipe {margin:0 3px 0 5px})) Pero no es así. Como lo soluciono. Gracias!

[rduran256]

Hola Jaimemartin,
Prueba lo siguiente

.breadcrumb .navigation-pipe {
margin:0 3px 0 5px !important;
}

aveces hay otro trozo de código que sobre escribe el nuestro, usamos !important para decirle que sobre todas las cosas aplique ese trozo,

saludos

[Jaimemartin]

Hola rduran256.

Gracias por la respuesta, pero no me es valida. Antes probé eso pero solo modifica el margin de los lados, no el de arriba y abajo.

[pzin]

¿Lo tienes online para verlo? Puede que sea algo relativo al colapso automágico de CSS.

[Jaimemartin]

Lo tengo el local, pero ya lo he solucionado, era culpa de la imagen "Icono Inicio". Modificarla y listo. Gracias