Kontaktformular / Elemente anders anordnen

Hallo. Gibt es eine möglichkeit die einzelnen Eingabefelder im Kontaktformular etwas individueller anzuordnen? Also z.B. einige Felder direkt nebeneinander und/oder in der linken Spalte? Hat dazu jemand einen Tipp?

Variante:

1. Dein Kontaktformular im Frontend aufrufen
2. Quelltext vom Formular kopieren
3. Selbst ein Kontaktformular gestalten
4. Die Formular Konfigs reinhacken.

greez toyde

Bis auf Punkt 4 "Die Formular Konfigs reinhacken" verstehe ich Deinen Tipp...aber wie kann ich ein eigenes Formular so ohne weiteres in Typo3 übernehmen? Mit welcher TS-Anweisung geht das?

statt: contentelement: mail-form

content-element: HTML

<script type="text/javascript" src="t3lib/jsfunc.validateform.js"></script>
<form action="index.php?id=172" name="2e65f0f8ac18ed4eda8a1c2edbb2fdbf" enctype="multipart/form-data" method="post" target="_top" onsubmit="return validateForm('2e65f0f8ac18ed4eda8a1c2edbb2fdbf','email,E-Mail,message,Ihre%20Nachricht','','','')">
<input type="hidden" name="html_enabled" value="1" />
<input type="hidden" name="subject" value="Kontakt von www.bla-blubb.info" />
<input type="hidden" name="recipient" value="74567e6412:lpGZkL+Imp3Sj42Qm4qFmpGL0Zua" /><!--value aus contentelement: mail-form übernehmen-->
<input type="hidden" name="locationData" value="77:tt_content:74" /><!--pageid:tt_content:id des HTML-CONTENTELEMENTES-->

<div class="mail_main">

	<div style="float:left; width:50%;">

		<div style="background:#ffffff;">
			<div style="">Firma / Institution</div>
			<div style=""><input class="mail_input" type="text" name="company" value="" /></div>
		</div>

		<div style="background:#ffffff;">
			<div style="">Vorname</div>
			<div style=""><input class="mail_input" type="text" name="name" value="" /></div>
		</div>

		<div style="background:#ffffff;">
			<div style="">Name</div>
			<div style=""><input class="mail_input" type="text" name="name_2" value="" /></div>
		</div>
		
		<div style="background:#ffffff;">
			<div style="">Straße, Nr.</div>
			<div style=""><input class="mail_input" type="text" name="street_no" value="" /></div>
		</div>

		<div style="background:#ffffff;">
			<div style="">PLZ</div>
			<div style=""><input class="mail_input" type="text" name="zip" value="" /></div>
		</div>

		<div style="background:#ffffff;">
			<div style="">Ort</div>
			<div style=""><input class="mail_input" type="text" name="city" value="" /></div>
		</div>

		<div style="background:#ffffff;">
			<div style="padding:2px;">* Pflichtfelder</div>
		</div>

	</div>

	<div style="float:right; width:50%;">

		<div style="float:right;background:#ffffff;">
			<div style="">Telefon</div>
			<div style=""><input class="mail_input" type="text" name="phone" value="" /></div>
		</div>

		<div style="float:right;background:#ffffff;">
			<div style="">Telefax</div>
			<div style=""><input class="mail_input" type="text" name="fax" value="" /></div>
		</div>

		<div style="float:right;background:#ffffff;">
			<div style="">E-Mail</div>
			<div style=""><input class="mail_input" type="text" name="email" value="" /></div>
		</div>


		<div style="float:right;background:#ffffff;">
			<div style="">Ihre Nachricht</div>
			<div style=""><textarea class="mail_textarea" name="message" cols="20" rows="5"></textarea></div>
		</div>

		<div style="background:#ffffff;">
			<div style="float:right;"><input class="submit" type="submit" name="formtype_mail" id="submit_button" value="Absenden"></div>
		</div>

	</div>

</div>
</form>

Wenn's darum geht, Formularelemente nebeneinander darzustellen, kannst du auch ein "," setzen.

z.b.

Feld1: | *feld1=select | --- Bitte auswählen ---, Nummer 1, Nummer 2

Ist zwar hier für eine Auswahlbox, sollte aber auch für Inputs gelten. Setze deine Felder/Radiobuttons mit einem "," nebeneinander...