Foros del Web » Creando para Internet » CSS »

Alinear con borde inferior

Estas en el tema de Alinear con borde inferior en el foro de CSS en Foros del Web. Hola. como puedo alinear una lista de links (ul, li) al borde inferior de su contenedor, es decir Código HTML: <ul> <li> <a class= "h2" ...
  #1 (permalink)  
Antiguo 28/12/2009, 00:17
 
Fecha de Ingreso: septiembre-2009
Mensajes: 306
Antigüedad: 8 años, 3 meses
Puntos: 10
Alinear con borde inferior

Hola. como puedo alinear una lista de links (ul, li) al borde inferior de su contenedor, es decir
Código HTML:
<ul><li><a class="h2">Texto del linl</a></li><li><a class="h1">Texto del link</a></li></ul> 
si defino un height igual para todos los <li> como puedo hacer para que el <a> dentro de el se aline hacia la izquierda y con el borde inferior en lugar del superior? quiero hacer algo similar a la lista de ciudades de esta pagina http://www.eurotrip.com/, con el texto de los links de diferente tamaño y como lo predeterminado es que se alinien al borde superior el texto resultante se ve mal. como puedo hacer para alinearlo al borde inferior de el <li>??
__________________
Mantente al tanto del acontecer Turistico nacional
Visita el Parque Bicentenario El Salvador
  #2 (permalink)  
Antiguo 28/12/2009, 07:18
 
Fecha de Ingreso: junio-2009
Ubicación: Madrid
Mensajes: 402
Antigüedad: 8 años, 5 meses
Puntos: 20
Respuesta: Alinear con borde inferior

No entiendo muy bien lo que quieres decir. Ponme la url de la web que haces con la lista tal como queda.
  #3 (permalink)  
Antiguo 29/12/2009, 13:23
 
Fecha de Ingreso: septiembre-2009
Mensajes: 306
Antigüedad: 8 años, 3 meses
Puntos: 10
Respuesta: Alinear con borde inferior

este es el maquetado que estoy haciendo http://fr.tourezine.com/Upload/ la lista en que dice San Salvador, se ven mal por que estan alineados al borde superior en lugar de al inferior
__________________
Mantente al tanto del acontecer Turistico nacional
Visita el Parque Bicentenario El Salvador
  #4 (permalink)  
Antiguo 29/12/2009, 14:01
Avatar de AhmedRugama  
Fecha de Ingreso: diciembre-2008
Ubicación: Nicaragua
Mensajes: 160
Antigüedad: 9 años
Puntos: 6
Respuesta: Alinear con borde inferior

prueva con esto:

ul{
position:relative;
Agregale el height y el width
}
li{
position: absolute;
bottom: 0;
}

Si no te da con esto cambia los li por p y el ul por un div.
  #5 (permalink)  
Antiguo 29/12/2009, 14:20
 
Fecha de Ingreso: septiembre-2009
Mensajes: 306
Antigüedad: 8 años, 3 meses
Puntos: 10
Respuesta: Alinear con borde inferior

no me funciono haciendo eso, se me ocurrio usar p desde un principio pero preferiria lograr lo mismo con li ya que es semanticamente mas correcto por ser una lista de links
__________________
Mantente al tanto del acontecer Turistico nacional
Visita el Parque Bicentenario El Salvador
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 00:30.