Foros del Web » Creando para Internet » CSS »

imagenes en IE y en mozilla y opera

Estas en el tema de imagenes en IE y en mozilla y opera en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 28/04/2008, 08:43
 
Fecha de Ingreso: abril-2008
Mensajes: 6
Antigüedad: 9 años, 7 meses
Puntos: 0
imagenes en IE y en mozilla y opera

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
Cita:
#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

Cita:

<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

Última edición por trase; 28/04/2008 a las 09:09
  #2 (permalink)  
Antiguo 28/04/2008, 09:36
Avatar de WinGFX  
Fecha de Ingreso: mayo-2006
Ubicación: Bogotá
Mensajes: 86
Antigüedad: 11 años, 6 meses
Puntos: 3
Re: imagenes en IE y en mozilla y opera

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!
__________________
"Si piensas en que harás mañana, mejor hazlo hoy!"

Consejos para las buenas preguntas
  #3 (permalink)  
Antiguo 28/04/2008, 09:39
 
Fecha de Ingreso: abril-2008
Mensajes: 6
Antigüedad: 9 años, 7 meses
Puntos: 0
Re: imagenes en IE y en mozilla y opera

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


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

}


.content
{
padding: 0px 15px;
overflow:auto;
}
  #4 (permalink)  
Antiguo 28/04/2008, 09:40
 
Fecha de Ingreso: abril-2008
Ubicación: -
Mensajes: 156
Antigüedad: 9 años, 7 meses
Puntos: 5
Re: imagenes en IE y en mozilla y opera

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.
  #5 (permalink)  
Antiguo 28/04/2008, 09:48
 
Fecha de Ingreso: abril-2008
Mensajes: 6
Antigüedad: 9 años, 7 meses
Puntos: 0
Re: imagenes en IE y en mozilla y opera

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
Cita:
#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

Cita:
<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***

Última edición por trase; 28/04/2008 a las 09:53
  #6 (permalink)  
Antiguo 28/04/2008, 16:50
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: imagenes en IE y en mozilla y opera

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.-
Cita:
#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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:49.