Inputs floaten lassen

[Jamal]

Hallo,
ich schaff es irgendwie nicht, das 3 input elemente nebeneinander floatn

2 mal vom typ text und einmal vom typ submit.
alle 3 sollen nebeneinander sein.

---

es klappt nicht.

wenn ich folgende angaben mache dann siehs so aus

.Login1{display:block;font-size:0.8em;height:18px;width:120px;float:left}
.Login2{display:block;font-size:0.8em;height:18px;width:120px;float:left}
.Login3{display:block;font-size:0.8em;height:18px;width:100px;}

-
  -

lg

Jamal

[Engin]

Hi Jamal,

wenn ich folgende angaben mache dann siehs so aus

.Login1{display:block;font-size:0.8em;height:18px;width:120px;float:left}
.Login2{display:block;font-size:0.8em;height:18px;width:120px;float:left}
.Login3{display:block;font-size:0.8em;height:18px;width:100px;}

Wofür die Angabe display:block;? Die Dinger sollen doch display:inline;.

Grüße aus H im R,
Engin

[Jamal]

Weil ich sie anders nichtmal versetzt nebeneinander kriege!

[Der Martin]

Moin Engin,

.Login1{display:block;font-size:0.8em;height:18px;width:120px;float:left}
.Login2{display:block;font-size:0.8em;height:18px;width:120px;float:left}
.Login3{display:block;font-size:0.8em;height:18px;width:100px;}

Wofür die Angabe display:block;? Die Dinger sollen doch display:inline;.

im Prinzip schon, aber als inline-Elemente kann man ihnen wieder keine Breite geben (außer in einem Browser, der es nicht besser weiß). Deshalb also der Klimmzug mit dem Floating.

Schönen Sonntag noch,
 Martin

[MudGuard]

Hi,

im Prinzip schon, aber als inline-Elemente kann man ihnen wieder keine Breite geben

Da es sich um replaced-inline-Elemente handelt, kann man das doch.

Deshalb

ist

also der Klimmzug mit dem Floating

überflüssig

»».

cu,
Andreas

[Engin]

Hi Martin,

Wofür die Angabe display:block;? Die Dinger sollen doch display:inline;.

im Prinzip schon, aber als inline-Elemente kann man ihnen wieder keine Breite geben (außer in einem Browser, der es nicht besser weiß). Deshalb also der Klimmzug mit dem Floating.

Hab das mal ausprobiert,

http://nimmet.de/beispiele/selfhtml/input_width.html

man kann die input im CSS direkt als input {width:150px;} ansprechen oder ihnen eine Klass geben und
über die Klasse auf länge bringen, .input_button {width:150px;}.

Getestet im FF, IE 5.5 und 6. Geht beides, zumindest auf meinem System.  :-)

Grüße aus H im R,
Engin

[MudGuard]

Hi,

man kann die input im CSS direkt als input {width:150px;} ansprechen oder ihnen eine Klass geben und
über die Klasse auf länge bringen,

oder über jeden beliebigen anderen Selektor, der sie auswählt.

Getestet im FF, IE 5.5 und 6. Geht beides, zumindest auf meinem System.  :-)

Natürlich funktioniert das. Ich schrieb doch schon, daß es sich um replaced-inline-Elemente handelt.

cu,
Andreas

[Engin]

Hi MudGuard,

Getestet im FF, IE 5.5 und 6. Geht beides, zumindest auf meinem System.  :-)
Natürlich funktioniert das. Ich schrieb doch schon, daß es sich um replaced-inline-Elemente handelt.

Habe ich ja auch nie bestritten. Allerdings war die Neugierde zu Groß, deshalb habe ich mir
das bsp. angefertigt und hielt es für Sinnvoll, dieses auch zu verlinken.

Grüße aus H im R,
Engin

[MudGuard]

Hi,

ich schaff es irgendwie nicht, das 3 input elemente nebeneinander floatn

Warum so umständlich?
input sind per Default inline-Elemente, kommen also, wenn Du nichts extra unternimmst, sowieso nebeneinander.

cu,
Andreas

[Jamal]

Hi.

Warum so umständlich?
input sind per Default inline-Elemente, kommen also, wenn Du nichts extra unternimmst, sowieso nebeneinander.

Tun sie aber nicht!

[ChrisB]

Hi,

input sind per Default inline-Elemente, kommen also, wenn Du nichts extra unternimmst, sowieso nebeneinander.

Tun sie aber nicht!

Du hast etwas falsch gemacht - sowohl beim Erstellen der betreffenden Seite, also auch beim Stellen deiner Frage hier ...

MfG ChrisB