Alinear texto "abajo" en div

sechy · #1 (**permalink**) 08/02/2007, 16:49

Sabe alguien ¿cómo alinear el texto "abajo"""" en un div con tamaña especifico???, estaba viendo algo en las faq's pero no eslo que busco.
Les pego el codigo:

css

Código:

#menuhz {
	margin:0px;
	color:#9999cc;
	vertical-align:text-bottom;
	width: 200px;
	height: auto ! important;
	height: 474px;
}

Código HTML:

<div id="menuhz">
primero<br />
segundo<br />
tercero<br />
cuarto<br />
primero</div>

Ruben_JD · #2 (**permalink**) 08/02/2007, 17:07

En forma vertical o horizontal?? menu con enlaces??.
Puedes alinearlo con text-align, colocar tu texto entre <span></span> y colocar un display: block; o lo que necesites y dar espacios con padding o margenes. Mira mejor estos ejemplos:
ejemplo menu vertical:
http://www.forosdelweb.com/f53/como-hacer-este-menu-desplegable-447890/
ejemplo menu horizontal:
http://www.forosdelweb.com/f53/problema-con-maquetacion-css-461699/
algo de info:
http://www.forosdelweb.com/f53/consulta-sobre-li-452746/

Te recomiento topStyle:
TopStyle Lite

Mikmoro · #3 (**permalink**) 08/02/2007, 17:07

Esta es una manera:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>web</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style>
#contenedor { margin: 0px;
width: 200px;
background-color: rgb(255, 153, 102);
color: rgb(0, 0, 0);
height: 474px;
position: relative;
}
#menuhz { background-color: rgb(255, 153, 102);
color: rgb(0, 0, 0);
bottom: 0pt;
position: absolute;
}
  </style>
</head>
<body>
<div id="contenedor">
<div id="menuhz"> primero<br>
segundo<br>
tercero<br>
cuarto<br>
primero</div>
</div>
</body>
</html>

Mikel.

sechy · #4 (**permalink**) 08/02/2007, 17:36

Vertical es la alineacion.

Mikel me valio tu dato del div contenedor (mil gracias) pero quiero ponerle a mi DIV del menu un alto especifico ya que mi div original lo tenia recuerdas?; es decir cuando lo hago ya no sigue abajo el texto:

Código:

#menuhz { 
background-color:#FFFFCC;
color: rgb(0, 0, 0);
bottom: 0px;
position: absolute;
line-height:30px;
vertical-align:text-bottom;
}

en este caso le pongo line-height (ya probe con solo "height" veo lo mismo).. ideas porfa?¿

Mikmoro · #5 (**permalink**) 08/02/2007, 17:53

Claro, por eso en la idea que te daba lo he cambiado. No estoy seguro de por qué quieres un alto específico en tu menú, pero lo que he hecho ha sido hacer un contenedor con las especificaciones que tenías en el menu, lo que simularía que es el propo menu, y luego al menu real no darle tamaño para que crezca hacia arriba cuando añadas texto.

Esta era la idea de lo que te he pasado, pero igual no era lo que querías.

Mikel.

P.D.: He eliminado el height: auto ! important porque entonces en firefox no tendría el tamaño que tú querías, sino sólo el de su contenido.

sechy · #6 (**permalink**) 08/02/2007, 17:59

entiendo mejor tu idea con lo del "contenedro", me bastara entonces que ambos tengan el color de fondo que quiera.. ahora si me resulta, graCiaS!

Mikmoro · #7 (**permalink**) 08/02/2007, 18:10

Efectivamente, por eso les había puesto ya el mismo color de fondo a los dos. Me alegro de que se haya entendido bien. Espero que te resulte y consigas hacer lo que querias.

Hasta la vista.

Mikel.