nicht angemeldet
Leerzeilen nach <form> vermeiden?
Hallo an alle Browser- und HTML-Spezialisten,
ich bekomme immer mehr Frust, weil ich die einfachsten Sachen nicht hinbekomme. Außerdem glaube ich, dass Browser und HTML nicht zusammengehören (zumindest manche nicht)
Ich habe mehrere ganz normale <form ...> </form> Anweisungen mit mehreren <input type="text" ...> und einem <input type="submit" ...> darin.
Leider bekomme ich es nicht hin, dass zwischen den einzelnen Forms KEINE Leerzeile entsteht. Wenn man beim M$IE den </form> Tag weglässt, sieht es so aus, wie ich es haben will.
Das kann ja aber nicht Sinn der Sache sein.
Wie kann ich dem </form> Tag abgewöhnen, dass in M$IE und NS-Browser eine Leerzeile zwischen schaltet. Die anderen Browser wären natürlich auch ganz toll, aber die habe ich nicht.
Gruß
Tom
-
Hallo Tom,
Wie kann ich dem </form> Tag abgewöhnen, dass in M$IE und NS-Browser eine Leerzeile zwischen schaltet.
da ist keine Leerzeile, sondern ein Randabstand, weil form ein Block-
Level-Element ist. Wie Du solche Abstände veränderst, findest Du im
CSS-Teil von SELFHTML: http://de.selfhtml.org/css/eigenschaften/...form { margin: 0; padding: 0; }
sollte z.Bsp. jeden nur erdenklichen Abstand eleminieren.Viele Grüße,
Stefan-
Hallo Stefan,
form { margin: 0; padding: 0; }
sollte z.Bsp. jeden nur erdenklichen Abstand eleminieren.Da war ich schon gaaanz dicht dran. Aber fast getroffen sit auch vorbei.
Danke
Tom
-
Hallo Stefan,
M$IE reagiert wunschgemäß, der NS-Browser reagiert kein Pixel.
Schei^H^Hade...
Gruß
Tom
-
mache es mit <form style="display:inline;">
Ste
-
Hallo,
mache es mit <form style="display:inline;">
sowas (Block-Level-Elemente als inline anzeigen lassen), sollte man
wirklich nur dann machen, wenn es unbedingt erforderlich ist. Im vor-
liegenden Fall lässt sich die Sache doch wunderbar mit der Definition
des Randabstandes für das form-Element lösen, genau da liegt ja auch
das eigentliche Problem.Viele Grüße,
Stefan-
Hallo Stefan, hello World,
mache es mit <form style="display:inline;">
Ich habs jetzt mit und ohne inline probiert, mit <p> und ohne, mit Style="..." in jedem <Form> und ohne mit <table> (da blieben wenigstens die Buttons hinter den Input-Feldern
usw. usw.
Das Problem ist auch nur noch beim Netscape (4.70 4.71 4.73) andere haben wir nicht im Hause. Das sind die, din immer noch auf zehntausenden t-online-CDs drauf sind.
-----------------------
<HTML>
<HEAD>
<style type="text/css">
form {margin-top:2px; margin-bottom:2px; display:inline; margin:0px}
<!-- input {margin-top:2px; margin-bottom:2px} --></style>
</HEAD><BODY>
<form>
<input type="text" name="text1" size="30">
<input type="submit" name="btn_text1" value="AbDamit"><br>
</form><form>
<input type="text" name="text2" size="30">
<input type="submit" name="btn_text2" value="AbDamit"><br>
</form><form>
<input type="text" name="text3" size="30">
<input type="submit" name="btn_text3" value="AbDamit"><br>
</form><form>
<input type="text" name="text4" size="30">
<input type="submit" name="btn_text4" value="AbDamit"><br>
</form></BODY>
</HTML>
-------------------------------------
GrußTom
-
Hello World,
<HTML>
<HEAD>
<style type="text/css">
form {margin-top:2px; margin-bottom:2px; display:inline; margin:0px}
<!-- input {margin-top:2px; margin-bottom:2px} -->diese Zeile hier drüber veranlasst NS z.B., dass der Button auf einer eigenen Zeile erscheint...
</style>
</HEAD><BODY>
<form>
<input type="text" name="text1" size="30">
<input type="submit" name="btn_text1" value="AbDamit"><br>
</form><form>
<input type="text" name="text2" size="30">
<input type="submit" name="btn_text2" value="AbDamit"><br>
</form><form>
<input type="text" name="text3" size="30">
<input type="submit" name="btn_text3" value="AbDamit"><br>
</form><form>
<input type="text" name="text4" size="30">
<input type="submit" name="btn_text4" value="AbDamit"><br>
</form></BODY>
</HTML>Gruß
Tom
-
Hallo Thomas
Das Problem ist auch nur noch beim Netscape (4.70 4.71 4.73) andere haben wir nicht im Hause. Das sind die, din immer noch auf zehntausenden t-online-CDs drauf sind.
form {margin-top:2px; margin-bottom:2px; display:inline; margin:0px}
schließe den Netscape 4.7 von dieser CSS-Angabe aus:
@media screen {
form {margin:0px;}
}magin-top und margin-bottom sollten von der letzten Angabe eh überschrieben werden, kannst du damit weglassen
<form>
<input type="text" name="text1" size="30">
<input type="submit" name="btn_text1" value="AbDamit"><br>
</form>und für den Netscape 4, notierst du vor und hinter dem Formelement
<span style="line-height:0px;"></span>
dann macht er es auch.
Viele Grüße
Antje
-
Hallo Antje, hallo Welt,
das war ne schwere Geburt für so eine simple Aufgabe. Es sollte doch nur gleich aussehen.
Danke Anke.
<HTML>
<HEAD>
<style type="text/css">
form {margin-top:2px; margin-bottom:2px;}
table {margin-top:2px; margin-bottom:2px; cellpadding:0}</style>
</HEAD><BODY>
<table>
<tr><td>
<span style="line-height:10px;">
<form action ="#" name="1">
<input type="text" name="text1" size="30">
<input type="submit" name="btn_text1" value="AbDamit">
</form>
</span>
</td></tr>
<tr><td>
<span style="line-height:10px;">
<form action ="#" name="2">
<input type="text" name="text2" size="30">
<input type="submit" name="btn_text2" value="AbDamit">
</form>
</span>
</td></tr>
<tr><td>
<span style="line-height:10px;">
<form action ="#" name="3">
<input type="text" name="text3" size="30">
<input type="submit" name="btn_text3" value="AbDamit">
</form>
</span>
</td></tr>
<tr><td>
<span style="line-height:10px;">
<form action ="#" name="4">
<input type="text" name="text4" size="30">
<input type="submit" name="btn_text4" value="AbDamit">
</form>
</span>
</td></tr>
</table></BODY>
</HTML>Sind da vielleicht noch ein paar Leute, die dieses Code-Schnippsel mal auf den andeen wichtigen Browsern ausprobieren können?
Das wäre nett.
Bei M$IE und NS-Browser 4.7x tuts jetzt.
Grüße auch an die Fußballwelt. Obwohl ich eingentlich ein "Antifan" bin habe ich mich doch heute mal mitreißen lassen. Die ganze Stadt ist voll grölender Koreaner...
Tom
-
Hallo Tom,
<span style="line-height:10px;">
<form action ="#" name="1">
<input type="text" name="text1" size="30">
<input type="submit" name="btn_text1" value="AbDamit">
</form>
</span>Du weißt, dass damit jegliche Chance vergeben ist, die Seite gemäß
einer W3C-Spezifiktion zu gestalten? span ist ein Inline-Level-Ele-
ment und darf keine Block-Level-Elemente wie. z.Bsp. form enthalten.Ohne es probiert zu habe, verstehe ich Antje's Vorschlag anders,
sie meine wohl <span style="line-height:0px;"></span> einmal vor und
einmal nach dem form-Element zu platzieren.Viele Grüße,
Stefan-
Hallo Stefan,
<span style="line-height:10px;">
<form action ="#" name="1">
<input type="text" name="text1" size="30">
<input type="submit" name="btn_text1" value="AbDamit">
</form>
</span>Du weißt, dass damit jegliche Chance vergeben ist, die Seite gemäß
einer W3C-Spezifiktion zu gestalten? span ist ein Inline-Level-Ele-
ment und darf keine Block-Level-Elemente wie. z.Bsp. form enthalten.Ohne es probiert zu habe, verstehe ich Antje's Vorschlag anders,
sie meine wohl <span style="line-height:0px;"></span> einmal vor und
einmal nach dem form-Element zu platzieren.Das muss ich nochmal ausprobieren. Allerdings ist mir nicht klar, was denn da passiert. Wenn ich den Tag öffne und gleich wieder schließe, was habe ich denn da verstellt, damit es was bringen kann?
Grüße
Tom
-
-
-
-
-
-
-
Hallo Tom,
M$IE reagiert wunschgemäß, der NS-Browser reagiert kein Pixel.
kann ich nicht nachvollziehen, in Mozilla 1.0 klapppt es wunderbar
und der ist ja in dieser Hinsicht baugleich mit Netscape 7.0 PR1.Viele Grüße,
Stefan
-
-
-
-
Ich verweise mit nem Schwenk auf http://www.yubb.de/index.php?site=wissenswertes_more&id=18 Thema: Störende <form>-Absätze eliminieren
*ganz stolz helfen gehabt zu können*
http://www.yubb.de-
Mist, da war einer schneller...um grade mal 3 Stunden
-
http://www.yubb.de/index.php?site=wissenswertes_more&id=18 Thema: Störende <form>-Absätze eliminieren
Hallo Phil,
irgendwie will mein Netscape (4.73) nicht. Der bricht jetzt sogar die Buttons um in die näcshte Zeile:
<HTML>
<HEAD>
<style type="text/css">
form {margin-top:2px; margin-bottom:2px; display:inline; margin:0px}
<!-- input {margin-top:2px; margin-bottom:2px} --></style>
</HEAD><BODY>
<form>
<input type="text" name="text1" size="30">
<input type="submit" name="btn_text1" value="AbDamit"><br>
</form><form>
<input type="text" name="text2" size="30">
<input type="submit" name="btn_text2" value="AbDamit"><br>
</form><form>
<input type="text" name="text3" size="30">
<input type="submit" name="btn_text3" value="AbDamit"><br>
</form><form>
<input type="text" name="text4" size="30">
<input type="submit" name="btn_text4" value="AbDamit"><br>
</form></BODY>
</HTML>Verzweifelter Gruß
Tom
-
Sorry, da kann ich nicht groß helfen, bei Netscape kenne ich mich in keinster WEise aus.
Aber ich schätze darauf, dass bei vollendetem Form-Tag ein absatz gemacht wird. Daraus folgt:
Alles in ein Formular..
geht das technisch?!
CU
hrttp://www.yubb.de
-
-