Soetwas wie <legend> für divs ?

robo47 · 08.10.2005, 16:06

Gibt es sowas ?

Weil der <legend>-Tag funktioniert ja nur innerhalb von <fieldset>
ansonsten wirds halt statt dem <div> ein <fieldset> benutzt, auch wenn es nicht ganz passt, ich will in einem Teil eines Formulars zwar was ausgeben, aber der Teil enthält keinerlei Formular-Elemente, sondern nur die ausgabe einiger Informationen.

mfg
robo47

08.10.2005, 16:54

Ich bin mir zwar nicht sicher, ob ich Dich richtig verstanden habe, aber versuche doch einmal folgendes:

PHP-Code:


			
echo "<div class=\"1\">

                 <div class=\"2\">blablabla</div><div class=\"3\">anderes blablabla</div>

         </div>";

Diese DIVs kannst Du dann mit CSS formatieren. Wenn das DIV mit der CSS-Klasse 3 nicht umgebrochen werden soll, ist es wichtig, dass Du die CSS-Eigenschaft display:inline nutzt.

robo47 · 08.10.2005, 18:05

öhm weist du wie ein legend-tag in einem fieldset aussieht ?

http://de.selfhtml.org/html/formular...set_legend.htm
So einen Rahmen mit Titel wollte ich ohne den Fieldset und legend-tag nur auf basis von html /(css) nachbilden

scheints aber nicht zu geben.

Das was du da oben schreibst, hab ich absolut nicht verstanden *g*

mfg
robo47

MrNiceGuy · 08.10.2005, 19:46

Man könnte sehr kompliziert mit einer Tabelle sowas nachbauen, da stellt scih mir aber die Frage: Wozu? Nutz doch einfach die entsprechenden Tags!? Oder sind die mit irgendwas nicht kompatibel (bei denen weiß ich es leider nicht, da sie mich nie interessiert haben)?

robo47 · 08.10.2005, 20:15

Hmm mir gings nur darum, ob es andere Möglichkeit gibt sowas zu machen, weil ich ja nicht dumm sterben will, weil ich ganz gerne die html/css dinge nutze die auch zu dem passen was ich will. Und rein semantisch wäre es ja eigentlich nicht korrekt, ein fieldset zu benutzen, wenn ich dadrin keine felder hab, passt irgendwie ned, daher dachte ich, schau halt mal was vieleicht noch jemand weis.

Und naja da das ganze bissel semantisch orientiert sein soll und ich Tabellen halt auch nur dann benutze wenn ich sie unbedingt brauche, fällt das eh raus.

naja mal Danke an alle die Ideen hatten und vieleicht noch haben werden. Erstmal benutze ich ein fieldset.

mfg
robo47

Igi · 08.10.2005, 21:02

hmm, wie wärs so

HTML-Code:

<div>
  <h2 style="margin-bottom:-5px;background:inherit;">blub</h2>
  <p>texttext</p>
</div>

robo47 · 08.10.2005, 21:17

Öhm mir gehts um den Rahmen und die Überschrift dadrin und dann eben dass dahinter keine border ist, aber ne lösung wo ich mit padding, margin und so spielen muss, ne, bis ich das in IE, Firefox und so vernünftig gleich hab und dann das ganze noch abhängig von der Schriftgröße rumspielen muss, das ist mir zuviel arbeit.

mfg
robo47

09.10.2005, 14:25

Hm, was hast Du daran nicht verstanden?
Du baust Dir das erste DIV....der stellt praktisch das Fieldset dar. Du kannst da Rahmen etc. per CSS darstellen. Wie Du die Legende innerhalb der Linie darstellen kannst, weiss ich allerdings nicht. Dafür ist mir kein CSS-Attribut bekannt.
Innerhalb dieses DIVs setzt Du weitere DIVs. Die Du dann ebenfalls jeweils separate CSS-Definitionen gibst.

robo47 · 09.10.2005, 14:40

Zitat:

Zitat von flupsi

Hm, was hast Du daran nicht verstanden?
Du baust Dir das erste DIV....der stellt praktisch das Fieldset dar. Du kannst da Rahmen etc. per CSS darstellen. Wie Du die Legende innerhalb der Linie darstellen kannst, weiss ich allerdings nicht. Dafür ist mir kein CSS-Attribut bekannt.
Innerhalb dieses DIVs setzt Du weitere DIVs. Die Du dann ebenfalls jeweils separate CSS-Definitionen gibst.

Jow, dass ich nem div nen rahmen geben kann ist klar, aber eben der relevante punkt, die Legende zu setzen, das wäre ja das was ich gesucht habe.

mfg
robo47

MrNiceGuy · 09.10.2005, 15:18

Also folgende Datei sieht bei mir so ähnlich aus, kann man sich ja selber noch so weit zurecht basteln, wie man es tatsächlich braucht. Allerdings: Nur getestet auf dem IE 6!

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Test - Fieldset mit DIV</title>
<style type="text/css">
div.fieldset
{
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  width: 150px;
  height: 150px;
  padding: 10px;
  margin: 10px;
}

div.legend
{
  position: relative;
  top: 20px;
  left: 20px;
  border-width: 0px;
  background-color: #FFFFFF;
  width: 1px;
  height: 1px;
  padding: 0px;
  margin: 0px;
  padding-left: 2px;
  padding-right: 2px;
}
</style>
</head>
<body>
<div class="legend">titel</div>

<div class="fieldset">dies ist ein test und soll einem fieldset
entgegen gehalten werden, mal schauen, ob es klappt</div>
</body>
</html>

CIX88 · 09.10.2005, 15:33

Kacke mit IE und FF:

HTML-Code:

<style type="text/css">

.cont {
	border: 1px #333 solid;
	margin-top: 20px;
	}

.set {
	border: 1px #333 solid;
	background-color: #fff;
	margin-left: 20px;
	margin-top: -10px;
	width: 120px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	}

.feld {
	margin: 10px;
	}

</style>

<div class="cont">
<div class="set"> set </div>
<div class="feld"> funktioniert so im FF </div>
</div>

<div class="cont">
<span class="set"> set </span>
<div class="feld"> funktioniert so im IE </div>
</div>

VolkerK · 09.10.2005, 19:04

Warum das Verhalten von <fieldset><legend> nachbauen, wenn man das "Original" haben kann?
Im Ernst: Wozu?

robo47 · 09.10.2005, 19:15

hehe *g*

weil es eigentlich semantisch nciht korrekt wäre ne Box für Felder zu machen, dann aber keine darin zu haben.

Aber ich werde fieldset benutzen weil es keine andere praktikable lösung gibt.

mfg
robo47

MrNiceGuy · 09.10.2005, 19:57

@VolkerK: Ich habs auch nicht verstanden. Und Mein Lösungsvorschlag an ihn per ICQ dann halt einfach nen Form drumzusetzen und Hidden-Felder einzubauen, damit seine Semantik nciht den Bach runter geht, hat er acuh abgelehnt

robo47 · 09.10.2005, 23:11

*g* tjoa
naja ich bin erstmal mit dem fieldset zufrieden ich find das so schon ganz schön *g*

08.10.2005, 16:06	Nach oben #1
robo47 BIN EIN KRASSA HELD!!!111 Registriert seit: 02.06.2005 Ort: weiher im tiefsten Odenwald Beiträge: 1.188	Soetwas wie <legend> für divs ? Gibt es sowas ? Weil der <legend>-Tag funktioniert ja nur innerhalb von <fieldset> ansonsten wirds halt statt dem <div> ein <fieldset> benutzt, auch wenn es nicht ganz passt, ich will in einem Teil eines Formulars zwar was ausgeben, aber der Teil enthält keinerlei Formular-Elemente, sondern nur die ausgabe einiger Informationen. mfg robo47 __________________ - Onlinetools - Mein Blog endlich mit RSS-Feed

08.10.2005, 16:54	Nach oben #2
flupsi Gast Beiträge: n/a	Ich bin mir zwar nicht sicher, ob ich Dich richtig verstanden habe, aber versuche doch einmal folgendes: PHP-Code: `echo "<div class=\"1\"> <div class=\"2\">blablabla</div><div class=\"3\">anderes blablabla</div> </div>";` Diese DIVs kannst Du dann mit CSS formatieren. Wenn das DIV mit der CSS-Klasse 3 nicht umgebrochen werden soll, ist es wichtig, dass Du die CSS-Eigenschaft display:inline nutzt.

08.10.2005, 18:05	Nach oben #3
robo47 BIN EIN KRASSA HELD!!!111 Registriert seit: 02.06.2005 Ort: weiher im tiefsten Odenwald Beiträge: 1.188	öhm weist du wie ein legend-tag in einem fieldset aussieht ? http://de.selfhtml.org/html/formular...set_legend.htm So einen Rahmen mit Titel wollte ich ohne den Fieldset und legend-tag nur auf basis von html /(css) nachbilden scheints aber nicht zu geben. Das was du da oben schreibst, hab ich absolut nicht verstanden g mfg robo47 __________________ - Onlinetools - Mein Blog endlich mit RSS-Feed

08.10.2005, 19:46	Nach oben #4
MrNiceGuy Erfahrener Benutzer Registriert seit: 14.08.2005 Ort: Nienburg / Weser Beiträge: 609	Man könnte sehr kompliziert mit einer Tabelle sowas nachbauen, da stellt scih mir aber die Frage: Wozu? Nutz doch einfach die entsprechenden Tags!? Oder sind die mit irgendwas nicht kompatibel (bei denen weiß ich es leider nicht, da sie mich nie interessiert haben)? __________________ Paradox ist, wenn jemand für seinen Alkoholkonsum geradestehen soll

08.10.2005, 20:15	Nach oben #5
robo47 BIN EIN KRASSA HELD!!!111 Registriert seit: 02.06.2005 Ort: weiher im tiefsten Odenwald Beiträge: 1.188	Hmm mir gings nur darum, ob es andere Möglichkeit gibt sowas zu machen, weil ich ja nicht dumm sterben will, weil ich ganz gerne die html/css dinge nutze die auch zu dem passen was ich will. Und rein semantisch wäre es ja eigentlich nicht korrekt, ein fieldset zu benutzen, wenn ich dadrin keine felder hab, passt irgendwie ned, daher dachte ich, schau halt mal was vieleicht noch jemand weis. Und naja da das ganze bissel semantisch orientiert sein soll und ich Tabellen halt auch nur dann benutze wenn ich sie unbedingt brauche, fällt das eh raus. naja mal Danke an alle die Ideen hatten und vieleicht noch haben werden. Erstmal benutze ich ein fieldset. mfg robo47 __________________ - Onlinetools - Mein Blog endlich mit RSS-Feed

08.10.2005, 21:02	Nach oben #6
Igi Benutzer Registriert seit: 07.05.2005 Ort: nähe Münster Beiträge: 33	hmm, wie wärs so HTML-Code: <div> <h2 style="margin-bottom:-5px;background:inherit;">blub</h2> <p>texttext</p> </div> __________________ http://redRogi.de

08.10.2005, 21:17	Nach oben #7
robo47 BIN EIN KRASSA HELD!!!111 Registriert seit: 02.06.2005 Ort: weiher im tiefsten Odenwald Beiträge: 1.188	Öhm mir gehts um den Rahmen und die Überschrift dadrin und dann eben dass dahinter keine border ist, aber ne lösung wo ich mit padding, margin und so spielen muss, ne, bis ich das in IE, Firefox und so vernünftig gleich hab und dann das ganze noch abhängig von der Schriftgröße rumspielen muss, das ist mir zuviel arbeit. mfg robo47 __________________ - Onlinetools - Mein Blog endlich mit RSS-Feed

09.10.2005, 14:25	Nach oben #8
flupsi Gast Beiträge: n/a	Hm, was hast Du daran nicht verstanden? Du baust Dir das erste DIV....der stellt praktisch das Fieldset dar. Du kannst da Rahmen etc. per CSS darstellen. Wie Du die Legende innerhalb der Linie darstellen kannst, weiss ich allerdings nicht. Dafür ist mir kein CSS-Attribut bekannt. Innerhalb dieses DIVs setzt Du weitere DIVs. Die Du dann ebenfalls jeweils separate CSS-Definitionen gibst.

09.10.2005, 19:04	Nach oben #12
VolkerK Benutzer Registriert seit: 17.08.2005 Beiträge: 87	Warum das Verhalten von <fieldset><legend> nachbauen, wenn man das "Original" haben kann? Im Ernst: Wozu?

09.10.2005, 19:15	Nach oben #13
robo47 BIN EIN KRASSA HELD!!!111 Registriert seit: 02.06.2005 Ort: weiher im tiefsten Odenwald Beiträge: 1.188	hehe g weil es eigentlich semantisch nciht korrekt wäre ne Box für Felder zu machen, dann aber keine darin zu haben. Aber ich werde fieldset benutzen weil es keine andere praktikable lösung gibt. mfg robo47 __________________ - Onlinetools - Mein Blog endlich mit RSS-Feed

09.10.2005, 19:57	Nach oben #14
MrNiceGuy Erfahrener Benutzer Registriert seit: 14.08.2005 Ort: Nienburg / Weser Beiträge: 609	@VolkerK: Ich habs auch nicht verstanden. Und Mein Lösungsvorschlag an ihn per ICQ dann halt einfach nen Form drumzusetzen und Hidden-Felder einzubauen, damit seine Semantik nciht den Bach runter geht, hat er acuh abgelehnt __________________ Paradox ist, wenn jemand für seinen Alkoholkonsum geradestehen soll

09.10.2005, 23:11	Nach oben #15
robo47 BIN EIN KRASSA HELD!!!111 Registriert seit: 02.06.2005 Ort: weiher im tiefsten Odenwald Beiträge: 1.188	g tjoa naja ich bin erstmal mit dem fieldset zufrieden ich find das so schon ganz schön g __________________ - Onlinetools - Mein Blog endlich mit RSS-Feed

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Themen-Optionen
Druckbare Version zeigen Diese Seite per E-Mail verschicken

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Höhe von div verändern, divs darunter je nach Größe verschieben	buddy_casino	JavaScript und AJAX	13	17.09.2007 12:49
mehrere Divs untereinander mit abschließenden DIV	suppenmann	HTML, XML und CSS	9	02.12.2006 16:14
Mehrere Divs ein/ausschalten	Sclot	JavaScript und AJAX	8	02.12.2006 15:44
Zwei divs - ein Problem	Jan	HTML, XML und CSS	4	14.03.2006 17:30
Mindestgröße für DIV's	Jan	HTML, XML und CSS	10	05.03.2006 17:44