Foros del Web » Creando para Internet » CSS »

Alinear lista a la izquierda de la capa

Estas en el tema de Alinear lista a la izquierda de la capa en el foro de CSS en Foros del Web. Hola Tengo una lista dentro de una capa. La idea es que la lista aparesca pegada al principio de la capa.. o sea algo así ...
  #1 (permalink)  
Antiguo 06/10/2005, 15:25
 
Fecha de Ingreso: octubre-2004
Mensajes: 143
Antigüedad: 19 años, 6 meses
Puntos: 0
Alinear lista a la izquierda de la capa

Hola

Tengo una lista dentro de una capa. La idea es que la lista aparesca pegada al principio de la capa.. o sea algo así

Código:
+----------------+
|    *  elemento |
|    *  elemento |
|    *  elemento |
|    *  elemento |
|    *  elemento |
+----------------+
El ul y li coloca un margen y el simbolo, la idea es que queda algo así
Código:
+----------------+
|elemento        |
|elemento        |
|elemento        |
|elemento        |
|elemento        |
+----------------+
Ya se como se quita el dibujito con css, ahora lo que me falta es saber como alinear 100% a la izquierda

Probé con margin-left:0px; pero ese margen es desde el comienzo del salto hacia adelante,.. y poner un valor negativo, restringe demasiado entre firefox y iexplorer

Gracias
  #2 (permalink)  
Antiguo 06/10/2005, 16:03
Avatar de leoj90
Usuario baneado!
 
Fecha de Ingreso: agosto-2005
Mensajes: 1.365
Antigüedad: 18 años, 8 meses
Puntos: 0
No repitas mensajes!
Busca en paginas anteriores el foro ya contestaron eso.
  #3 (permalink)  
Antiguo 06/10/2005, 16:03
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 19 años, 11 meses
Puntos: 2
lo quieres de la primera forma o de la segunda?
  #4 (permalink)  
Antiguo 06/10/2005, 16:04
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 19 años, 11 meses
Puntos: 2
para 'resetear' los márgenes y paddings de las listas:

ul li {
margin: 0;
padding: 0;
}

y ya, no debe haber ningún espacio entre la lista y los bordes de la página
  #5 (permalink)  
Antiguo 06/10/2005, 17:00
 
Fecha de Ingreso: octubre-2004
Mensajes: 143
Antigüedad: 19 años, 6 meses
Puntos: 0
Cita:
Iniciado por jesusbet
para 'resetear' los márgenes y paddings de las listas:

ul li {
margin: 0;
padding: 0;
}

y ya, no debe haber ningún espacio entre la lista y los bordes de la página
Hola

Quiero el segundo efecto que mostre.. Al amigo que me dihjo que fue respoondido.. bueno, lo busque antes de postear y no encontre nada.. (quizas no supe buscar, lo mas probable...).

Probe la opción que mencionaste jesusbet, pero no resulto.. Si te das cuenta, quiero la lista este alineada al comienzo de la capa... no desde la "tabulación" que generaa el UL ... se entiende ??'

Gracias

PD: Al compañero que menciono que estaba posteado.. si me indica donde, no me enojo
  #6 (permalink)  
Antiguo 06/10/2005, 17:02
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 19 años, 11 meses
Puntos: 2
ul {
margin: 0;
padding: 0;
}
  #7 (permalink)  
Antiguo 06/10/2005, 17:51
Avatar de ramm  
Fecha de Ingreso: junio-2004
Ubicación: Guadalajara
Mensajes: 207
Antigüedad: 19 años, 10 meses
Puntos: 0
Usando las dos opciones que te dio jesusbet:

Código:
ul {
  padding:0;
  margin:0;
  }
ul li {
  padding:0;
  margin:0;
  }
Le eliminas todo el margen y relleno a la lista. si ademas quieres que "flote" a la izqueirda agrega:
Código:
ul {
  float:left;
  }
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 13:16.