Tengo una dificultad para ubicar una etiqueta dentro de otra y que ►ésta quede alineada al final.
La etiqueta contenedora, lleva un texto breve que describe a una imágen. Dentro de esa etiqueta tengo otra que contiene un link que lleva a una página donde se describe con mayor detalle la imágen en cuestión.
El tema es que no logro que la etiqueta del link quede alineada verticalmente en la base de su etiqueta contenedora, sino que queda justo cuando termina el texto descriptivo de la im►ágen.
Este es el código
Código:
Lo que necesito es que la etiqueta #izquierda p.textbox a{} quede alineada al final de la caja #izquierda p.textbox{}/* Cuerpo, panel izquierdo -----------------------------------------------------*/
#izquierda {
width:540px;
float:left;
}
/*contenedor titulo*/
#izquierda p.tit{
display:block;
width:100%;
margin:0 0 15px 0;
float:left;
}
/*contenedor imagen*/
#izquierda p.pic{
width:95px;
height:75px;
margin:0 2px 10px 0;
background-color:#F5F5E2;
float:left;
border: #C2C29F 1px solid;
}
/*contenedor texto descriptivo de la imagen*/
#izquierda p.textbox{
display:block;
width:155px;
height:71px;
margin:0 10px 10px 0;
background-color:#F5F5E2;
font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 2px 2px 2px 2px;
color:#1D1D1B;
border: #C2C29F 1px solid;
float:left;
}
/*link dentro del contenedor descripcion de la imagen*/
#izquierda p.textbox a{
display:block;
height:15px;
font:bold 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:right;
background:url(imagenes/event_div.gif) 0 0 repeat-x;
padding:0 0 0 130px;
color:#930000;
background-color:#fff;
text-decoration:none;
float:left;
position:relative;
bottom:0;
}
#izquierda p.textbox a:hover{
color:#000;
background-color:#fff;
}
Que estoy haciendo mal? Que propiedad debo modificar para lograr lo que necesito?
Espero que me puedan ayudar.
Desde ya muchas gracias
