2012-06-11 35 views
6

¿Es posible hacer un título div aparecen así:CSS posición título div

enter image description here

sé que pude el texto "Título Div aquí" dentro de un div, darle una sólida formación y colocarlo con coordenadas absolutas, pero me gustaría que el título se asocie con el div, en lugar de con el documento completo, para poder mover el div sin preocuparme por mover el título.

He creado un violín aquí: http://jsfiddle.net/Eth6U/.

+0

visto alguna vez los '

' y '' etiquetas? – Pointy

+0

No, todavía no, supongo que eso es lo que necesito. –

+0

¿No sería posible lograr esto con fieldset con legend y algunos css? Perdón, demasiado tarde. ;) – JaggenSWE

Respuesta

9

Usted puede utilizar la etiqueta <fieldset> para hacer esto ...

He aquí un ejemplo ...

<fieldset> 
    <legend>Div title here...</legend> 
</fieldset> 

Es posible editar la etiqueta simplemente <fieldset> como <div> en CSS ...

+0

Sí, eso es exactamente lo que necesito, debería haber sabido ... –

5

Puede usar las etiquetas fieldset y legend.

Por ejemplo:

<fieldset> 
    <legend>The title</legend> 
    <p>hello!</p> 
</fieldset> 
+0

sí gracias eso es exactamente lo que necesitaba –

+2

El ejemplo: http://jsfiddle.net/Eth6U/7/ – Playmaker

0

sou nds como si estuvieras buscando fieldset y legend.

<fieldset>   
    <legend>Title</legend>   
    ... 
</fieldset>   
0

Esto fue discutido on SitePoint.com y parecía la mejor manera de hacerlo era a anidar un div dentro de un div y utilizar los márgenes negativos para posicionarlo correctamente, lo que yo creo que no quiere hacer.

Lo que estás tratando de hacer es muy similar a la leyenda de campo para formularios y puedes usar ese html y darle estilo con CSS para personalizar su apariencia. Examples

0
<fieldset> 
<legend>Div Title Here</legend> 
<!-- Write your code here what do you want in that fieldset--> 
</fieldset>