Problem bei Formular

[mathi77]

Hallo

ich sitz grad wieder mal vor meinem Formular und könnt echt :'(

hab soweit alles schön mit css formatiert, nur möchte ich <label> & <input> Felder nebeneinander reihen um Platz zu sparen!

Habs sogar mal hinbekommen, jedoch funzt es nicht immer!?

Auszug vom html:
<p>
<label for="vorname">Vorname:</label>
<input name="vorname" type="text" id="vorname" maxlength="20" />
</p>

<p>
<label class="nachname" for="nachname">Nachname:</label>
<input name="nachname" type="text" id="nachname" maxlength="20" />
</p>

<p>
<label for="strasse">Strasse:</label>
<input name="strasse" type="text" id="strasse" maxlength="20" />
</p>

<p>
<label for="plz">PLZ:</label>
<input name="plz" type="text" id="plz" maxlength="5" />
</p>

<label class="ort" for="ort">Ort:</label>
<input name="ort" type="text" id="ort" maxlength="20" />
</p>

Auszug vom CSS:
:arrow: bei PLZ & ORT klappts, jedoch nicht bei Vor- & Nachname!

#formular .nachname {
width: 30px;
text-align: right;
}

#formular #nachname {
width: 117px;
}

#formular #vorname {
width: 140px;
}

#formular .ort {
width: 30px;
text-align: right;
}

#formular #ort {
width: 117px;
}

#formular #plz {
width: 35px;
}

Was mach ich da falsch, steh komplett auf der Leitung!
Anbei noch ein Bild wie`s momentan aussieht!


thxs an @ll!

lg Mathi

 

[Gideon]

AW: Problem bei Formular

Da wirst Du wohl mit float und margin ran müssen um die Sachen auszurichten.

 

[mathi77]

AW: Problem bei Formular

auch wenn ich mit float oder margin arbeite, schiebt ers mir nur immer in der gleichen zeile rum!

ich brings nicht in die obere zeile rauf :'(

 

[Gideon]

AW: Problem bei Formular

hab soweit alles schön mit css formatiert, nur möchte ich <label> & <input> Felder nebeneinander reihen um Platz zu sparen!

Davon bin ich ausgegangen, was meinst Du nun konkret.

 

[mathi77]

AW: Problem bei Formular

naja das nachname feld sollte rechts neben den vorname feld in einer reihe stehen...
so wie bei PLZ & Ort

danke

 

[Gideon]

AW: Problem bei Formular

Jetzt verstehe ich, das könnte daran liegen dass die Formularbreite nicht ausreicht und die Textzeile mit den beiden Namen umgebrochen wird. Sieht zumindest auf der beigefügten Abb. so aus.
Gib bei der Formular mal mehr bei width ein.

 

[mathi77]

AW: Problem bei Formular

nö, is leider auch nicht! das hab ich schon auf 600px vergrößert!

keine ahnung was da los ist

 

[Gideon]

AW: Problem bei Formular

Poste doch mal den Quelltext für das Formular und das Komplette CSS dazu.

 

[mathi77]

AW: Problem bei Formular

ha, ich habs
war ein <p> drinnen! sorry & danke für die hilfe!!!

jetzt siehts scho besser aus :lol:

 

[Gideon]

AW: Problem bei Formular

Gern geschehen.
Ich hab auch schon mehrere Tage vor einem Formular gesessen und den Fehler nicht gefunden.
Was war es dann, in der PHP-Datei hatte ich anstatt eines einfachen Anführungszeichens ein Apostroph gesetzt (manchmal wollen die Finger eben anders als der Kopf). Und nun find mal den Unterschied zwischen zwei Strichen raus.

 

[winne52]

AW: Problem bei Formular

immer daran denken, der p Tag erzeugt einen Zeilenumbruch

 

[Gideon]

AW: Problem bei Formular

Da wären wir jetzt aber echt nicht drauf gekommen.
War halt ein klassischer Schusselfehler und wenn man davor sitzt sieht man den Wald vor lauter Bäumen nicht!
Nachdem mathi77 es geschrieben hat habe ich es auch gesehen. Naja, der Wald und die Bäume.

 

[mathi77]

AW: Problem bei Formular

danke, nach 3 stunden kopfzerbrechen muss ja mal ein "Lichterl" aufgehn!