Hola:
Puedes crear un elemento de clase "leyenda" y posicionarlo absolutamente
respecto del elemento que lo contiene. Para que la posición sea relativa al
elemento contenedor, tendrás que establecer "position: relative" en éste.
HTML
<div class="con_leyenda">
<div *class="leyenda"*>Leyenda</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum
dictum nulla et orci.
</p>
</div>
CSS
* {
/* Establece a 0 los rellenos y márgenes por defecto del navegador */
margin: 0;
padding: 0;
}
.con_leyenda {
/* Establece este elemento como marco de referencia
para los posicionados dentro de él de forma absoluta */
*position: relative;*
padding: 20px;
* border: 1px solid #aaa;*
margin: 50px;
}
.leyenda {*
position: absolute;
height: 1.5em;
top: -0.75em;
left: 1.2em;*
padding: 3px;
border: 1px solid #aaa;
* background-color: white; /* impide que se muestre el borde del
contenedor */
*}*
*
2008/12/17 Rodrigo Álvarez Virgós <[email protected]>
> Hola a todos
>
> ¿Existe la manera de poner un borde a una capa con una leyenda integrada
> en el propio borde (como hace la etiqueta legend con los fieldset?)
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
