Foros del Web » Creando para Internet » HTML »

problema con ul y alineación de imagen

Estas en el tema de problema con ul y alineación de imagen en el foro de HTML en Foros del Web. Buenas, tengo un problema muy raro Dentro de un div tengo una imagen así: <div id="registrarse"> <img src="imagenes/imgreg.gif"/> </div> y la imagen me queda centrada ...
  #1 (permalink)  
Antiguo 09/06/2010, 21:26
 
Fecha de Ingreso: noviembre-2009
Mensajes: 112
Antigüedad: 14 años, 4 meses
Puntos: 0
problema con ul y alineación de imagen

Buenas, tengo un problema muy raro

Dentro de un div tengo una imagen así:

<div id="registrarse">
<img src="imagenes/imgreg.gif"/>
</div>

y la imagen me queda centrada y todo bn

PERO cuando la pongo dentro de un <ul> así:

<div id="registrarse">

<ul class="menu">
<img src="imagenes/imgreg.gif"/>
</ul>

</div>

La imagen queda hacia el lado derecho, no se porq






Si necesitan el código del css del menú es este:

<style type="text/css">
ul.menu
{
list-style:none;
}
ul.menu ul /* Para todos los ul debajo del ul.menu */
{
display:none;
list-style:none;
}


ul.menu
{
list-style:none;
}
ul.menu ul /* Para todos los ul debajo del ul.menu */
{
display:none;
list-style:none;
}

ul.menu li:hover > ul
{
display:block;
}

ul.menu
{
list-style:none;
}
ul.menu li
{
position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
width:70px;
}

ul.menu ul
{
position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
left:100px; /* Para que no monte sobre el <li> */
top:-1px;
display:none;
list-style:none;
}
ul.menu li:hover > ul
{
display:block;
}

</style>
  #2 (permalink)  
Antiguo 09/06/2010, 21:56
 
Fecha de Ingreso: diciembre-2009
Mensajes: 19
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: problema con ul y alineación de imagen

Lo estas especificando en tu CSS, ¿no?

Código CSS:
Ver original
  1. ul.menu ul
  2. {
  3. position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
  4. left:100px; /* Para que no monte sobre el <li> */
  5. top:-1px;
  6. display:none;
  7. list-style:none;
  8. }
  #3 (permalink)  
Antiguo 09/06/2010, 22:06
 
Fecha de Ingreso: noviembre-2009
Mensajes: 112
Antigüedad: 14 años, 4 meses
Puntos: 0
Respuesta: problema con ul y alineación de imagen

,,mm,, le cambié al valor a todos los atributos de la parte que usted dijo

pero la imagen sigue estando en la derecha del div
  #4 (permalink)  
Antiguo 09/06/2010, 22:17
 
Fecha de Ingreso: diciembre-2009
Mensajes: 19
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: problema con ul y alineación de imagen

¿?
Código CSS:
Ver original
  1. #registrarse {text-align: left;}

No sé si en algo cambie el contexto donde lo estas aplicando, es decir que este dentro de otras etiquetas o algo asi, por que tu css no afecta para nada la imagen, yo uso Firefox. ¿En que explorador lo estas visualizando?
  #5 (permalink)  
Antiguo 09/06/2010, 22:24
Avatar de eZakto  
Fecha de Ingreso: julio-2008
Mensajes: 214
Antigüedad: 15 años, 8 meses
Puntos: 5
Respuesta: problema con ul y alineación de imagen

Las listas por defecto tienen un margen a la izquierda asignado, que desplaza todo el contenido a la derecha.

Prueba con:
Código CSS:
Ver original
  1. ul.menu
  2. {
  3. list-style:none;
  4. margin: 0;
  5. }
__________________
eZakto™
  #6 (permalink)  
Antiguo 10/06/2010, 10:14
 
Fecha de Ingreso: noviembre-2009
Mensajes: 112
Antigüedad: 14 años, 4 meses
Puntos: 0
Respuesta: problema con ul y alineación de imagen

Estoy haciendolo en Dreamweaver, cuando le pongo margin:0; en la parte de diseño me aparece sin el margen por defecto, es decir, bien.
Pero cuando lo pruebo en el explorador, el contenido sigue el la derecha, muy raro

Estoy utilizando Firefox 3.6
  #7 (permalink)  
Antiguo 10/06/2010, 12:17
 
Fecha de Ingreso: abril-2010
Ubicación: Argentina
Mensajes: 57
Antigüedad: 13 años, 11 meses
Puntos: 1
Respuesta: problema con ul y alineación de imagen

Cita:
Iniciado por geoMente Ver Mensaje
Estoy haciendolo en Dreamweaver, cuando le pongo margin:0; en la parte de diseño me aparece sin el margen por defecto, es decir, bien.
Pero cuando lo pruebo en el explorador, el contenido sigue el la derecha, muy raro

Estoy utilizando Firefox 3.6
proba poniendo padding: 0 también.
  #8 (permalink)  
Antiguo 10/06/2010, 13:40
 
Fecha de Ingreso: noviembre-2009
Mensajes: 112
Antigüedad: 14 años, 4 meses
Puntos: 0
Respuesta: problema con ul y alineación de imagen

,,,gracias elfeme,, no le puse padding:0, pero el problema si era con el padding y lo puse para que quedara como quería

Muchas Gracias


Etiquetas: Ninguno
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 07:57.