listas fantasmas

[wolfmoon]

Buen tituto eh! Pues eso, o bien mis listas se estan riendo de mi o yo tengo que cambiar de camello.

El problema que tengo es que las imagenes de mis listas desaparecen y aparecen, asi, como lo digo, y me estan empezando a volver loco, da igual que sean imagenes que los cuadraditos... desaparecen y aparecen.

Sabeis porque sera esto...

[JavierB]

Hola wolfmoon

Sin ver el código, ni idea, tengo la batería de la bola de cristal descargada.

Saludos,

[wolfmoon]

Mira que tenerla descargada...

CODIGO:


CSS

#menuver {
float:left;
margin-left:15px;
width:200px;
margin-top:5px;
text-align:left; }

#menuver ul{
margin-left: 0;
padding-left: 0;
list-style-image: url(objetos/huella.png);
font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#menuver a{
display: block;
padding: 3px;
width: 160px;
background-color: transparent;
border-bottom:1px solid #999;
}

#menuver a:link, #navlist a:visited{
color: #999;
text-decoration: none;
}

#menuver a:hover{
background-color: #EAEAEA;
color: #000;
}


HTML

<div id="menuver">
<ul id="navlist">
<li id="active"><a href="#" id="current">Inicio</a></li>
<li><a href="#">El Lobo</a></li>
<li><a href="#">Noticias</a></li>
<li><a href="#">Galeria</a></li>
<li><a href="#">Deja tu huella</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>

[Mikmoro]

Puedes probar dándole al "#menuver ul" un margen izquierdo un poco mayor que el tamaño de la imagen que quieres poner.

Mikel.

[webosiris]

Iniciado por wolfmoon

El problema que tengo es que las imagenes de mis listas desaparecen y aparecen.

con que navegador?? Si es con IE, me suena al IE6 Peekaboo Bug o al IE/Win Disappearing List-Background Bug

[wolfmoon]

Lo he solucionado quitando el primer div.

Ya de paso aprovecho, como podria hacer para separar los elementos de la lista, porque he provado con margin y padding y no hay manera

Gracias

[Mikmoro]

Iniciado por wolfmoon

Lo he solucionado quitando el primer div.

Pero esa solución era impensable, porque como el div lo tenías flotado parecía importante que el "ul" se mantuviera dentro de él.

¿Seguro que has probado el padding en el sitio correcto?

#menuver a{
display: block;
padding: 3px;
width: 160px;
background-color: transparent;
border-bottom:1px solid #999;
}

Mikel.

[wolfmoon]

Tengo otra lista horizontal y el problema era que cuando pasaba el raton por cualquier elemento de esta lista me desaparecian las imagenes de esta otra que os he puesto. No tengo ni idea de porque...

Le quite ese primer div y lo meti dentro de este otro:

#menuverleft{
float:left;
text-align:left;
margin-top:10px;}

Cual es la diferencia, ni idea... pero ahora no me desaparecen al pasar el raton por la otra lista.

Y respecto al padding es ese el que he cambiado, pero nada, no hay manera...

[wolfmoon]

P.D

Quiero separalos verticalmente eh!

[Mikmoro]

Bueno, pues algo se escapa. Con el código html y css que pusiste en el primer post, si aumentas el padding que te puse, los elementos se separan verticalmente

#menuver a {
display: block;
padding: 10px 3px;
width: 160px;
background-color: transparent;
border-bottom:1px solid #999;
}

claro, si lo has cambiado de contenedor deberás cambiar también eso

#menuverleft a {
display: block;
padding: 10px 3px;
width: 160px;
background-color: transparent;
border-bottom:1px solid #999;
}

Mikel.