[erledigt] formlular probleme
user-180
29.05.2007 21:03
edit
hat sich erledigt, der spass kann gelöscht werden oder so
hallo webstatt crew!
ich habe ein problem mit css und formularen, firefox und internetexplorer wollen nicht wie ich das will, allein opera macht es richtig. und ich weiss nicht warum, könnt ihr mir helfen?
erst fierefox dann opera
wer sich das schlamassel live anschaun wil klickt hier [this site requires mozilla firefox or internet explorer] ;-P
weiss jemand wie ich die formilare mit den labels in eine reihe bekomme ohne dass sie so verrutschen?
also der code:
html:
und css:
hat sich erledigt, der spass kann gelöscht werden oder so
hallo webstatt crew!
ich habe ein problem mit css und formularen, firefox und internetexplorer wollen nicht wie ich das will, allein opera macht es richtig. und ich weiss nicht warum, könnt ihr mir helfen?
erst fierefox dann opera
wer sich das schlamassel live anschaun wil klickt hier [this site requires mozilla firefox or internet explorer] ;-P
weiss jemand wie ich die formilare mit den labels in eine reihe bekomme ohne dass sie so verrutschen?
also der code:
html:
<form action="#" method="post">
<fieldset id="kontakt">
<p class="formular">
<label for="betreff">Es geht um folgendes</label>
<select id="betreff" name="betreff">
<option selected="selected">Bitte wählen Sie:</option>
<option value="website-texte-optimierung">Website Texte Optimierung</option>
<option value="web-controlling">Web Controlling</option>
<option value="search-marketing">Search Marketing</option>
<option value="suchmaschinenfreundliches-cms">Suchmaschinenfrendliches CMS</option>
</select>
</p>
<p class="anrede">
<label for="herr">Herr</label>
<input type="radio" id="herr" value="Herr" />
<label for="frau">Frau</label>
<input type="radio" id="frau" value="Herr" />
</p>
<p class="formular">
<label for="vorname">Vorname</label>
<input type="text" id="vorname" name="vorname" />
</p>
<p class="formular">
<label for="name">Name</label>
<input type="text" id="name" name="name" />
</p>
<p class="formular">
<label for="firma">Firma</label>
<input type="text" id="firma" name="firma" />
</p>
<p class="formular">
<label for="email">Email</label>
<input type="text" id="email" name="email" />
</p>
<p class="formular">
<label for="telefon">Telefon</label>
<input type="text" id="telefon" name="telefon" />
</p>
<p class="formular">
<label for="anschrift">Anschrift</label>
<input type="text" id="anschrift" name="anschrift" />
</p>
<p class="formular">
<label for="gefunden">Wie haben sie uns gefunden?</label>
<input type="text" id="gefunden" name="gefunden" />
</p>
<input type="submit" value="Absenden" class="submit" />
</fieldset>
</form>
und css:
#text form {
}
#text p.formular {
clear: both;
width: 380px;
height: 19px;
border: 1px red solid;
text-align: left;
}
#text p.anrede {
padding: 3px 0 3px 220px;
width: 180px;
}
#text p.anrede input,
#text p.anrede label {
float: none;
}
#text p.formular input,
#text p.formular select {
border: 1px #585858 solid;
width: 160px;
height: 16px;
font-size: 11px;
color: #447BB9;
float: right;
margin: 0;
padding: 0;
}
#text p.formular label {
border: 1px green solid;
}
#text input.submit {
clear: both;
padding: 4px;
color: #447BB9;
font-weight: bold;
margin: 0 0 0 220px;
}