imagenes en IE y en mozilla y opera

[trase]

Hola

Estoy aqui intentando hacer una pagina con CSS y tengo un menu hecho con una lista y le tengo puesta una imagen al ul y otra al li, en el IE se ve perfectamente pero en el mozilla y en el opera nada.

y me pasa lo mismo con cualquier imagen que ponga en la css, en el IE se ve perfectamente pero en los otros no.


la css

#left ul li
{
margin-left: 20px;
padding: 0px;
list-style: none;
display: block;
list-style-image:url(../images/ulstyle.jpg);
}

#left ul a
{
width: 200px;
color: #000;
text-decoration: none;
margin-left:0px;
border: 0px;
list-style-image:url(../images/listyle.jpg);
font-weight: 100;
}

en el html

<ul>
<li onclick="despliega1();return false;">Avisos
<ul id="productos1">
<li><a href="">Avisos 1</a></li>
<li><a href="">Avisos3</a></li>
<li><a href="">Avisos4</a></li>

</ul>
</li>

<li onclick="despliega2();return false;">Expedientes Tramitacion Pendientes Actuacion
<ul id="productos2">

<li><a href="">No Iniciados</a></li>
<li><a href="">Alegaciones presentadas</a></li>
<li><a href="">Incoacciones Devueltas</a></li>
<li><a href="">Resoluciones Devueltas</a></li>

</ul>
</li>



<li onclick="despliega3();return false;">Busqueda General de Expedientes
<ul id="productos3">
<li><a href="">Expediente 1</a></li>
<li><a href="">Expediente 2</a></li>
<li><a href="">Expediente 3</a></li>
<li><a href="">Expediente 4</a></li>
</ul>
</li>

<li onclick="despliega4();return false;">Configuracion
<ul id="productos4">

<li><a href="">Configuracion 1</a></li>
<li><a href="">Configuracion 2</a></li>
<li><a href="">Configuracion 3</a></li>
<li><a href="">Configuracion 4</a></li>


</ul>
</li>
</ul>

Gracias, un saludo

[WinGFX]

Hola trase!

Viendo tu código, parece que le falta asignarle el id que creaste en el Código CSS, asignale un id a la etiqueta <UL> y vuelve a probar.

Un saludo!

[trase]

el id esta asignado al div que contiene el menu

<div id="left">

<div class="content">


[[CODIGO DE ANTES CON EL MENU]]


</div>

</div>



la css con el left y el content

#left
{
width: 245px;
float: left;
padding:0px;
margin: 0px;
position:absolute;
height: 400px;
overflow: auto;
top: 118px;

}


.content
{
padding: 0px 15px;
overflow:auto;
}

[nedrek]

para el estilo de la lista:

Código:

#left ul

Para el estilo de los elementos de lista:

Código:

#left ul li

Para el estilo de los enlaces dentro de elemento de lista:

Código:

#left ul li a

#left define que SOLO habrá un elemento id="left" dentro de la página, por lo que si vas a poner más, antes de que pueda causar errores, usa .left en el css y class="left" dentro del html.


Un saludo.

[trase]

si el estilo lo tengo bien aplicado porque sale bien pero solo sale en el IE, en el mozilla y en el opera no se ve las imagenes que tengo puestas:

list-style-image:url(../images/ulstyle.jpg);

y

list-style-image:url(../images/listyle.jpg);


ese es el problema :S

el estilo lo coge bien

ah y tampoco salen las fotos que pongo en la css con background-image.


en el IE eso sale perfecto para hacer el pie pero en los otros nada

#end_body
{
background-image:url(../images/pie2.jpg);
background-repeat: repeat-x;
margin: 0px;
width:100%;
height: 60px;

}

Despues en el html hago un div con el id end_body

<div id="end_body">

[[CONTENIDO VARIO CON LA FOTO pie2.jpg DE FONDO]]
</div>

*** Iba a poner foto pero no se como xD, no se donde subirla***

[Mikmoro]

Tres cosas:

1.- ¿Estás seguro de que tienes una carpeta llamada images, situada un nivel por encima de donde tienes el archivo css? Lo digo porque es bantante poco normal que de esa manera FF no te esté leyendo la imágenes, ya que el código parece correcto.

Según indicas en la dirección relativa de las imagenes, debes tener un archivo html, en la misma carpeta una carpeta llamada css o similar donde está tu css, y en la misma del html también otra carpeta images con las imágenes.

- Carpeta
- archivo.html
- carpeta css
- archivo.css
- carpeta images
- imágenes

Revisa que esto sea correcto.

2.-

#left ul li
{
margin-left: 20px;
padding: 0px;
list-style: none;
display: block;
list-style-image:url(../images/ulstyle.jpg);
}

#left ul a
{
width: 200px;
color: #000;
text-decoration: none;
margin-left:0px;
border: 0px;
list-style-image:url(../images/listyle.jpg);
font-weight: 100;
}

En el ul li le estás diciendo que no tenga ningún tipo de lista.

3.- Estás intentando ponerle un estilo de lista a un elemento "a", no a un elemento "li", y eso no es posible.

Mikel.