Kontaktformular ausrichten

html.de-Forum HTML, XHTML & CSS
1

Hallöle,

ich brauche mal eure Hilfe. Ich habe ein Brett vorm Kopf. Ich weiß das es sehr simpel ist aber ich seh den Wald vor lauter Bäumen nicht mehr.

Ich bin gerade dabei ein Kontaktformular aufzubauen und habe folgendes Problem: Die Felder sind jetzt alle so aufgebaut.

Name: Input-Feld
Name: Input-Feld
Name: Input-Feld
Name: Input-Feld
Name: Input-Feld

Ich möchte es aber gerne so haben:

Name: Input-Feld
Name: Input-Feld Name: Input-Feld
Name: Input-Feld Name: Input-Feld
Name: Input-Feld

Wie kann ich es machen außer mit einer Tabelle. (Code ist für Typo3, also nicht von den # ablenken lassen)

CSS

[CODE]@charset „UTF-8“;

legend
{
padding-left:5px;
padding-right:5px;
margin-top:15px;
padding-bottom:10px;
color:#660000;
font-weight:bold;
}

fieldset
{
width: 500px;
padding-left:10px;
border:groove 1px #660000;
}

input
{
margin-right:15px;
display:block;
}

label
{
clear:both;
float:left;
width: 120px;
}

textarea
{
display:block;
}[/CODE]HTML

<form>    
<fieldset>
        <legend>Daten zum Ferienhaus</legend>
        <input type="hidden" name="id" value="###PID###" />
        <input type="hidden" name="submitted" value="1" />
        <input type="hidden" name="L" value="###value_L###" />
        <input type="hidden" name="type" value="###value_type###" />

    
    
        <label for="erwachsene">Anzahl Erwachsene</label>
        ###error_erwachsene###<input type="text" name="erwachsene" id="erwachsene" value="###value_erwachsene###" tabindex="1" size="3" maxlength="3"/>
        <br/>
        
        <label for="kinder">Anzahl Kinder</label>
        ###error_kinder###<input type="text" name="kinder" id="kinder" value="###value_kinder###" tabindex="2" size="3" maxlength="3"/>
        <br/>
        
        <label for="alter">Alter Kinder</label>
        ###error_alter###<input type="text" name="alter" id="alter" value="###value_alter###" tabindex="3" size="3" maxlength="3"/>
        <br/>

        <label for="anreise">Anreisetermin</label>
        ###error_anreise###<input type="text" name="anreise" id="anreise" value="###value_anreise###" tabindex="4" size="10" maxlength="10"/>
        <br/>
        
        <label for="abreise">Abreisetermin</label>
        ###error_abreise###<input type="text" name="abreise" id="abreise" value="###value_abreise###" tabindex="5" size="10" maxlength="10"/>
        <br/>
        
        <label for="ferienwohnung">Ferienwohnung</label>
        ###error_ferienwohnung###<select name="ferienwohnung" style="width:50px;" tabindex="6">
            <option value="leer" ###selected_ferienwohnung_leer###></option>
            <option value="Typ1" ###selected_ferienwohnung_typ1###>Typ1</option>
            <option value="Typ2" ###selected_ferienwohnung_typ2###>Typ2</option>
        </select>
        <br/>
        <br/>
        <label for="text" class="margin">Anmerkung</label><br/>
        <textarea cols="50" rows="5" name="text" id="text" style="width:320px;" tabindex="7">###value_text###</textarea>
    </fieldset>
</form>
2

Wenn du zwei Felder nebeneinander möchtest, steckst du den „Name“ und das „Input-Feld“ in ein div mit dem style:

float:left

Und dann clearst du das ganze nach dem zweiten:
[HTML]

[/HTML]