CSS div Titelposition

Ist es möglich, einen div Titel wie diese erscheinen zu lassen:CSS div Titelposition

enter image description here

Ich weiß, dass ich das der Text „Div Titel hier“ in einem div, ihm einen soliden Hintergrund geben und positioniere es mit absoluten Koordinaten, aber ich möchte, dass der Titel mit dem div verknüpft wird, anstatt mit dem ganzen Dokument, sodass ich das div verschieben kann, ohne mir Gedanken über das Verschieben des Titels machen zu müssen.

Ich habe hier eine Geige eingerichtet: http://jsfiddle.net/Eth6U/.

Quelle

2012-06-11 jeffery_the_wind

haupt die '

' und '' Tags gesehen? – Pointy

Nein, noch nicht, ich denke das ist was ich brauche. –

Wäre das nicht möglich mit Fieldset mit Legende und einigen CSS zu erreichen? Bumm, zu spät. ;) – JaggenSWE

Sie können dies den <fieldset>-Tag zu tun ...

Hier ein Beispiel ist ...

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

Sie können den <fieldset> Tag einfach bearbeiten als <div> in CSS ...

Quelle

2012-06-11 14:36:45 shahbaz

Ja das ist genau das was ich brauche, hätte wissen müssen ... –

Sie können die Tags fieldset und legend verwenden.

Zum Beispiel:

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

Quelle

2012-06-11 14:36:13 Qtax

ja danke das ist genau das, was ich brauchte –

Das Beispiel: http://jsfiddle.net/Eth6U7/0/ – Playmaker

sou nds wie Sie suchen nach fieldset und legend.

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

Quelle

2012-06-11 14:38:21 oezi

Dies wurde on SitePoint.com diskutiert und es schien den besten Weg, es ist ein div es innerhalb eines div war zu Nest zu tun und negative Margen zu verwenden, um richtig zu positionieren, was ich glaube, dass Sie nicht tun wollen.

Was Sie versuchen zu tun ist sehr ähnlich wie die Feldsatz-Legende für Formulare und Sie können das HTML verwenden und es mit CSS stylen, um sein Aussehen anzupassen. Examples

Quelle

2012-06-11 14:45:30

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

Quelle

2012-06-11 15:11:21

CSS div Titelposition

Antwort

Verwandte Themen