[nO-FaCe]

sorry wenn ich hier blöd frag. ich bin noch nicht so lange mit typo beschäftigt. und habe jetzt das erste mal templavoila benutzt. nachdem die seite fertig war, hab ich mir alles angeschaut und alles passt. auch das kontaktformular (das standard von typo)
nun habe ich realurl installiert und alles eingerichtet, und siehe da, das formular sieht aus wie ein flattersatz. also nicht richtig formatiert. siehe bild


so sollte es aussehen:


ich habe in meinem template in der css rumgekritzelt wie irre und nichts funktioniert :sad:

kann mir da jemand weiterhelfen?

[Kurt51]

Zitat von nO-FaCe

sorry wenn ich hier blöd frag. ich bin noch nicht so lange mit typo beschäftigt. und habe jetzt das erste mal templavoila benutzt. nachdem die seite fertig war, hab ich mir alles angeschaut und alles passt. auch das kontaktformular (das standard von typo)
nun habe ich realurl installiert und alles eingerichtet, und siehe da, das formular sieht aus wie ein flattersatz. also nicht richtig formatiert. siehe bild


so sollte es aussehen:


ich habe in meinem template in der css rumgekritzelt wie irre und nichts funktioniert :sad:

kann mir da jemand weiterhelfen?

Nimm die mailformplus-Extension!

[nO-FaCe]

ja das habe ich nach dreimaligen versuchen, etwas angezeigt zu bekommen, deinstalliert. ich komme einfach nicht klar was da für ein template gefragt ist usw :sad:

bin wie gesagt noch ziemlich neu im t3 und habe noch meine probleme mit extensions ...

[Tevsa]

Hallo,

sieht so aus als braust du das in denem CSS:

label{

display:block;
width:150px;
}

Hoffe es hilft
Gruß

Tevsa

[ttb]

Moin,

dieses TS baut dir dein Formular u.a. mit dem label-Tag zusammen (sofern CSS_Styled_Content benutzt wird) :

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12:

tt_content.mailform.20{ badMess = Bitte fülle folgende Felder aus: commentWrap.cObject=COA commentWrap.cObject{ 20=TEXT 20.value=field-{current:1} 20.insertData=1 } layout(   ###LABEL### ###FIELD###<br /> ) }

Dies kannst du dann z. B. so mit CSS formatieren:

label,input,textarea { /* Alle Labels UND Formularelemente auswaehlen */
 display: block;
 float: left;
 width: 200px; /* Breite.*/
 text-align: left;
 margin: auto;
}

label {
 text-align: right; 
 padding-right: 1em; 
 margin: auto;
}

form br {
 clear: left;
}

input, textarea {
 border: 1px solid #7E3717;
 background: #FFEECA;
}

textarea {
 width: 300px;
 height: 200px;
}

fieldset {
 border: 0;
}

Ansehen kannst du dir das z. B. hier unter Kontakt.

/Edit:
Dass es mit RealURL nicht mehr funktioniert, liegt vermutlich an der fehlerhaften/falschen baseURL, die mit / enden sollte/muss.

[Kurt51]

Zitat von nO-FaCe

ja das habe ich nach dreimaligen versuchen, etwas angezeigt zu bekommen, deinstalliert. ich komme einfach nicht klar was da für ein template gefragt ist usw :sad:

bin wie gesagt noch ziemlich neu im t3 und habe noch meine probleme mit extensions ...

Guck mal hier: mailformplus-Formular mit Kalender-Pickup_ Internetseiten, Homepages von kupix.de
Vielleicht kommst Du damit weiter!?

[Mansoor]

Hallo nO-FaCe,

Versuch doch mal damit, dann wird es so aussehen:
Majlis Khuddam-ul-Ahmadiyya Deutschland - Jugendorganisation der Ahmadiyya Muslim Jamaat Deutschland e.V.: Kontakt

Hab dir den CSS Code (siehe unten) gepostet, pass es dir nach eigenen Wünschen an.

Kleiner Tipp: Die ID's passen sich nach der Bezeichnung des Feldes an wie z.B. mailformNachricht (Bezeichnung: Nachricht)

/*********** Mailform start  **********/

#mailform {
float:left;
width:544px;
text-align:left;
margin-top:16px;
}

.csc-mailform{
float:left;
width:544px;
text-align:left;
margin:0px;
padding:0px;
}

.csc-mailform label {
float:left;
height:22px;
width:120px;
font-family:verdana,helvetica,arial,sans-serif;
font-size:11px;
font-weight:normal;
}

.csc-mailform-field{
float:left;
min-height:22px;
width:544px;
text-align:left;
}

#mailformVorname{
float:left;
width:420px;
height:16px;
background-color:#FFFFFF;
border:1px solid #cfdce5;
}

#mailformName{
float:left;
width:420px;
height:16px;
background-color:#FFFFFF;
border:1px solid #cfdce5;
}

#mailformEMail{
float:left;
width:420px;
height:16px;
background-color:#FFFFFF;
border:1px solid #cfdce5;
}

#mailformBetreff{
float:left;
width:420px;
height:16px;
background-color:#FFFFFF;
border:1px solid #cfdce5;
}

#mailformNachricht{
float:left;
width:420px;
height:96px;
background-color:#FFFFFF;
border:1px solid #cfdce5;
}

.csc-mailform-submit{
float:left;
margin:8px 0px 0px 475px;
background-color:#FFFFFF;
border:1px solid #cfdce5;
}

.csc-mailform-submit:hover{
float:left;
margin:8px 0px 0px 475px;
background-color:#ecf1f5;
border:1px solid #cfdce5;
}




/*********** Mailform stop **********/

Wassalam, Mansoor Ahmad

[nO-FaCe]

leute ihr seid einfach spitze. danke erstmal für die vielen antworten.
ich hatte ja auch schon etwas versucht, was aber nicht so ging:

also ich habe es jetzt am laufen erstmal mit dem tipp von Tevsa.
die anderen tipps versuche ich jetzt auch noch am wochenende

@Kurt51, danke für den tipp, werd ich mir mal genauer durchlesen ...

ich gebe euch bescheid ....


vielen dank nochmal

edit-1: @Mansoor, das funktioniert auch