Überschrift

Hallo,
Kann man irgent wie machen das ein DIV eine über schrift hat? (Sehe bild)

[Man muss drauf klicken]

Du kannst da die passende Überschrift (h1-h6) einfach
reinschreiben; wenn die auf dem Rand stehen soll, kannst du
die etwa mit ‘position: relative’ nach oben verschieben.
Bei einem positionierten div kannst du die Überschrift auch
recht einfach mit ‘position: absolute’ relativ zum positionierten
div verschieben, wobei sie dann auch noch aus dem sonstigen
Textfluß entfernt wird.

ne ich meinte de.selfhtml.org/html/formulare/s … gruppieren … das + …

Wenn du solch einen Überschrifteneinzug wie bei deinem Linkbeispiel von selfhtml meinst, das würde mich auch mal interessieren, ob dies auch bei DIV’s Rändern so funktioniert.

Da muß ich mal rumbasteln. Vielleicht bekomme ich es ja hin.

Die Elemente sind spezifisch für Formulare, Tabellen haben
ähnliche (caption), da wird das dann aber meist über die
Tabelle geschrieben oder drunter.

Da div keine definierte inhaltliche Bedeutung hat, es gruppiert
eben nur allgemein was zusammen, sind die bereits genannten
h1-h6 genau richtig.
Die Art der Anzeige beeinflußt man mit CSS. Auch beim ‘legend’-
Element von Formularen ist ja nicht garantiert, daß es in
jedem browser einheitlich angezeigt wird, wenn man die
Anzeige nicht mit CSS eindeutig festlegt.

Achso - man kann es ja auch einfach mal mit einem negativen
margin versuchen…

[quote=“hoffmann”]Achso - man kann es ja auch einfach mal mit einem negativen
margin versuchen…[/quote]

Das ist ein guter Einfall.

Setze mal dieses in deinem DIV’s Container ein:

Kann man ja noch anpassen.

Wie wärs mit fieldset?

Beispiel:[code]

Einkaufzettel Eier
Wurst
Gammelfleisch [/code]

Das ergibt ja nur einen Sinn bei Formularen, wie oben schon
erwähnt, ist aber auch nirgendwo festgelegt, daß das ohne
weitere Hinweise vom Autor genau so angezeigt werden muß…

Ja, hab ich überlesen :red:

Ich habs nun ist ok…(Es geht mit fieldset!!!)

MOD: Kannes wenn er möchte schliessen…

Wenn die Ausmaße der

schon feststehen kann man es ja mit einer Bilddatei nachmodellieren.
Ansonsten würde ich der
einen border verpassen und der h-Überschrift mit z-index eine höhere Ebene und eine Hintergrundfarbe, die sich mit der Hintergrundfarbe der
gleicht. Dann müsste man diese unterbrochene Umrandung hinbekommen. Falls es so nicht funktioniert könnte man auch speziell für die Überschrift noch eine extra
anlegen. Diese könnte dann die andere
überlappen und man könnte Sie perfekt an die eigenen Wünsche anpassen.

Also irgendwie in der Art:

<div id="box" style="border: solid 1px black; width:500px; height:500px; top:100px; z-index:1;">
...
</div>

<div id="boxhead" style="width:100px; height:20px; top:90px; z-index:2;">
<h1>Überschrift</h1>
</div>

[quote=„fishi“]Ich habs nun ist ok…(Es geht mit fieldset!!!)

MOD: Kannes wenn er möchte schliessen…[/quote]

hast nicht gelesen ? :susp: :qst:

thx aber…