Ausrichtung eines JavaScript Formulars

[bugfisch]

Hallo,

wie kann ich dieses Formular rechtsbündig auf meine Seite setzen?

<form name="Formular">
<select name="Ziel" onchange="QuickJump(this.form);">
<option value="" selected>Language</option>
<option value="">arabic</option>
<option value="">chinese</option>
<option value="">deutsch</option>
<option value="">english</option>
<option value="">suomi</option>
<option value="">français</option>
<option value="">greek</option>
<option value="">italiano</option>
<option value="">nederlands</option>
<option value="">polski</option>
<option value="">Português</option>
<option value="">russian</option>
<option value="">svenska</option>
<option value="">español</option>
<option value="">turkish</option>
</select>
</form>

Ich freue mich auf eure Hilfe!
DRINGEND!

 

[Cheffchen]

Hallo,

in dem Du alles in ein DIV setzt.
ohne gewähr.

<div style="text-align:right">
<form name="Formular" align="right">
<select name="Ziel" onchange="QuickJump(this.form);">
<option value="" selected>Language</option>
<option value="">arabic</option>
<option value="">chinese</option>
<option value="">deutsch</option>
<option value="">english</option>
<option value="">suomi</option>
<option value="">français</option>
<option value="">greek</option>
<option value="">italiano</option>
<option value="">nederlands</option>
<option value="">polski</option>
<option value="">Português</option>
<option value="">russian</option>
<option value="">svenska</option>
<option value="">español</option>
<option value="">turkish</option>
</select>
</form>
</div>

 

[bugfisch]

Danke

Viel lieben Dank für die rasche Hilfe!

 

[Efchen]

in dem Du alles in ein DIV setzt.

Gratulation! Sie haben soeben den ersten Schritt hin zur div-Suppe getan!

Wozu???

Bitte sag mir, aus welchem Grund Du um das eine Element noch ein Element setzt, nur weil Du den Inhalt des Formulars rechtsbündig setzen willst? Wozu muss das Formular dann in noch einen Container gesetzt werden, und der Inhalt des umschließenden Containers rechtsbündig sein?

Wieso sollte es nicht reichen, den Inhalt des Formulars rechtsbündig anzuordnen, das war doch die Frage!

Sei mir jetzt nicht böse, Du bist nicht der einzige, der sich solche unsinnigen Gedankengänge aneignet, aber ich würde wirklich gerne eine ehrliche Antwort von Dir wissen, welchen Zweck das div erfüllen soll - mich interessiert, warum man auf so unlogische Lösungen kommt. Ehrlich!

 

[Cheffchen]

Hallo Effchen,

ja, man könnte das auch im From definieren.
Ich mach es persönlich lieber immer extra als DIV für mich als bessere Übersicht.
Habe nicht gewusst das dies eigentlich falsch.

Gruß

 

[Efchen]

ja, man könnte das auch im From definieren.
Ich mach es persönlich lieber immer extra als DIV für mich als bessere Übersicht.
Habe nicht gewusst das dies eigentlich falsch.

Es ist so, wie wenn Du Deine Weihnachtsgeschenke zweimal einpackst.

Durch solchen Code hat sich vermutlich der Eindruck verbreitet, <div> sei ein Wundertag, das für alle Anwendungen eingesetzt werden kann. Durch solchen Code entsteht bei vielen offensichtlich auch der Eindruck, dass man CSS-Eigenschaften generell nur dem <div> zuweisen kann und den anderen Tags nicht. Das ist natürlich völlig falsch, denn genau das umgekehrte ist der Fall.
Übersichtlichkeit bekommt man dadurch IMHO nicht, weil Du ein zusätzliches Tag in Deinen Code einbaust, das nichtmal - wie eigentlich so beabsichtigt - zum Gruppieren mehrerer Elemente benutzt wird. Ein zusätzliches Element um ein einzelnes Element zu beherbergen kann die Übersicht eigentlich nur verschlimmbessern. Und Ladezeit und Speicherbedarf erhöhen sich dadurch auch. :-)

@bugfisch: Setze das text-align im form und bau kein div drumrum. Das ist völlig überflüssig.

 

[bugfisch]

öhm...

Also ich weiß nicht aber ich glaube ihr habt etwas falsch verstanden?!
Ich möchte nicht den text im Forumalr rechtsbündig setzen, sonden das Formular auf der Seite rechtsbündig platzieren!
Also ich glaube mit einen "text-align" komme ich da nicht weiter oder?

Viele Grüße

 

[iplay]

Ich weis nicht ob es richtig ist, also ob es ne saubere Lösung ist, aber so hat es bei mir geklappt, als ich es getestet habe.

__________________________________________
<form name="Formular" style="text-align:right;">
<select name="Ziel" onchange="QuickJump(this.form);">
<option value="" selected>Language</option>
<option value="">arabic</option>
<option value="">chinese</option>
<option value="">deutsch</option>
<option value="">english</option>
<option value="">suomi</option>
<option value="">français</option>
<option value="">greek</option>
<option value="">italiano</option>
<option value="">nederlands</option>
<option value="">polski</option>
<option value="">Português</option>
<option value="">russian</option>
<option value="">svenska</option>
<option value="">español</option>
<option value="">turkish</option>
</select>
</form>
__________________________________________

Natürlich würde ich empfehlen, es ("text-align:right;") in eine css-datei auszulagern.

Liebe Grüße :grin:

 

[Efchen]

Aber Dein Formular erstreckt sich doch über 100% der Breite, so wie es Block-Elemente immer tun. Wie willst Du das dann nach rechts schieben?
Dazu müsstest Du dem Formular zuerst eine Breite geben. Und dann verwendest Du "float:right;" - fertig. Auch ohne div versteht sich.