2012-06-11 7 views
6

E 'possibile creare un titolo div apparire come questo:CSS posizione del titolo div

enter image description here

So che avrei potuto il testo "Titolo Div qui" all'interno di un div, dare un solido background e posizionarlo con coordinate assolute, ma vorrei che il titolo fosse associato al div, invece che al documento intero, così posso spostare il div senza preoccuparmi di spostare il titolo.

Ho impostato un violino qui: http://jsfiddle.net/Eth6U/.

+0

mai visto il '

' e '' tag? – Pointy

+0

No, non ancora, immagino sia quello di cui ho bisogno. –

+0

Non sarebbe possibile ottenere questo risultato con fieldset con legenda e alcuni css? Bummer, troppo tardi. ;) – JaggenSWE

risposta

9

È possibile utilizzare il tag <fieldset> per fare questo ...

Ecco un esempio ...

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

è possibile modificare il tag <fieldset> solo come <div> in CSS ...

+0

Sì, è esattamente quello di cui ho bisogno, avrei dovuto sapere ... –

5

È possibile utilizzare i tag fieldset e legend.

Ad esempio:

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

sì grazie che è esattamente quello di cui avevo bisogno –

+2

L'esempio: http://jsfiddle.net/Eth6U/7/ – Playmaker

0

nds come stai cercando fieldset e legend.

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

Questo è stato discusso on SitePoint.com e sembrava il modo migliore per farlo è stato quello di nido un div all'interno di un div e utilizzare margini negativi per posizionare in modo corretto, che credo non si vuole fare.

Quello che stai cercando di fare è molto simile alla legenda fieldset per i moduli e puoi usare quell'html e modificarlo con CSS per personalizzarlo. Examples

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