Hi,
ich habe mich nun mal versucht in CSS reinzufuchsen und
ein Formular angepasst.
Nun habe ich nur 1 Problem undzwar.
Also ich habe jetzt 1 Div mit Hintergrund auf der linken Seite
sind die Formularfelder, auf der rechten Seite ein kleiner
Text.
Nun soll auf die Rechte Seite unter dem Text noch eine Textbox, dass Problem ist,
dass ich nicht will, das dadurch die Input Felder auf der linken Seite beeinflusst werden.
Wenn ich jetzt einfach eins reinmache gehen die Input Felder auf der linken Seite erst nach der Textarea auf der rechten Seite weiter.
:((
Ich weiß das ich sicher nicht den optimalsten Code habe, aber ich hoffe ihr könnt mir trotzdem helfen.
Wäre echt super nett.
ZitatAlles anzeigen
<html><head>
<style type="text/css">
<!--
#kontaktform{
height:300px;
/*weidth:290px*/
background-image:url(kontaktform_bg.gif);
background-repeat:no-repeat;
}
#kontaktform font{
font-size:12px;
}input{
font-size:10px;
border:1px dotted #9E8D34;
}
#kontaktform .formname_l{
padding-left: 30px;}
#kontaktform .formfeld_l{
padding-left:30px;
}#kontaktform .formname_r{
float:left
/*padding-left: 150px;*/
margin-left:220px;}
#kontaktform .formfeld_r{
padding-left:40px;
}
#kontaktform .formname_all{
padding-left:30px;
}
#kontaktform .formfeld_all{
padding-left:30px;
}
.headline{
padding-top:10px;
padding-left:30px;
color:c7b794;
font-size:15px;
margin-bottom:7px;
}#kontaktform .rechtespalte{
float:left
/*padding-left: 150px;*/
margin-left:250px;}
-->
</style>
</head>
<body>
<div id="kontaktform">
<form method="post" action="mailform">
<h4 class="headline">Kontaktformular</h4>
<font class="formname_l">Name*</font>
<font class="formname_r" style="margin-left:126px;">Vorname*</font>
<font class="rechtespalte" style="margin-left:150px;">Bitte senden Sie mir Ihren aktuellen Newsletter zu <input type="checkbox" name="katalog"></font>
<font class="formfeld_l"><input type="text" name="name" size="20"></font>
<font class="formfeld_r"><input type="text" name="vorname" size="20"></font>
<font class="rechtespalte" style="margin-left:78px;">(nur für Geschäftskunden)</font>
<font class="formname_all">Firma</font>
<font class="formfeld_all"><input type="text" name="firma" size="53"></font>
<font class="formname_l">Straße*</font>
<font class="formname_r" style="margin-left:125px;">Hausnummer*</font>
<font class="formfeld_l"><input type="text" name="strasse" size="20"></font>
<font class="formfeld_r"><input type="text" name="hausnummer" size="20"></font>
<font class="formname_l">PLZ*</font>
<font class="formname_r" style="margin-left:132px;">Ort*</font>
<font class="formfeld_l"><input type="text" name="plz" size="20"></font>
<font class="formfeld_r"><input type="text" name="ort" size="20"></font>
<font class="formname_l">Telefon</font>
<font class="formname_r" style="margin-left:122px;">Telefax</font>
<font class="formfeld_l"><input type="text" name="telefon" size="20"></font>
<font class="formfeld_r"><input type="text" name="telefax" size="20"></font>
<font class="formname_all">E-Mail*</font>
<font class="formfeld_all"><input type="text" name="email" size="53"></font>
</div>
</form>
</body>