TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

Mailformular stylen - wo kann ich dies bewerkstelligen?


Autor Nachricht
Verfasst am: 19. 04. 2006 [16:38]
josDesign
Themenersteller
Dabei seit: 18.04.2006
Beiträge: 222
Hallo!

Habe T3 Version 4 am Laufen auf folgender Seite: http://www.josdesign.at/content/

Auf der Seite "Kontakt" habe ich ein Mailformular mittels den Assistenten gemacht. Ich habe auch Css-Styled-Content installiert.

Das Aussehen ist grauslig... Wie kann ich das demensprechend formatieren???

Zb das alle Eingabefelder auf gleicher Flucht beginnen? (Mailformular als Tabelle "<table>" aufbauen)

Nur wie geht das??? Könnte mir bitte jemand ein wenig hilfreich sein?

Bitte, Danke vielmals!!!



LieGrü,
josDesign
typo3blog.at
ProfilWWWSkype
Verfasst am: 20. 04. 2006 [10:21]
zoey_82
Dabei seit: 15.06.2005
Beiträge: 12
Hallo,

genau das gleiche Problem hab ich auch, hast du vielleicht schon ne Lösung gefunden?

Gruss Bettina
Profil
Verfasst am: 20. 04. 2006 [10:34]
just2b
TYPO3-Gott
Moderator
Dabei seit: 04.08.2004
Beiträge: 19047
dann schau doch mal in den quellcode welche klassen du hast!
und dann noch ein blick in google =>
http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml
http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html
...

lg georg

=> TYPO3 - inspiring people to share <= aber kein Support per PM!

=> in eigener Sache: · inspiring people to share your location Trag dich in die TYPO3 Weltkarte ein und zeige wie groß die TYPO3 Community ist - vielen Dank!<=
ProfilWWW
Verfasst am: 20. 04. 2006 [11:17]
zoey_82
Dabei seit: 15.06.2005
Beiträge: 12
Vielen, vielen Dank!
Hat super funktioniert!

Gruss Bettina
Profil
Verfasst am: 20. 04. 2006 [11:21]
just2b
TYPO3-Gott
Moderator
Dabei seit: 04.08.2004
Beiträge: 19047
Hi Bettina,

und wenn du jetzt vielleicht den notwendigen Schnippsel aus deiner CSS posten würdest, dann würden mehr Leute davon profitieren

=> TYPO3 - inspiring people to share <= aber kein Support per PM!

=> in eigener Sache: · inspiring people to share your location Trag dich in die TYPO3 Weltkarte ein und zeige wie groß die TYPO3 Community ist - vielen Dank!<=
ProfilWWW
Verfasst am: 26. 04. 2006 [14:17]
spike2109
Dabei seit: 19.05.2005
Beiträge: 86
Danke für die Links, just2b, das hat wirklich weitergeholfen.

So sieht es aktuell in meiner CSS aus:

HTML
.csc-mailform {
	border: 0px;
}
 
.csc-mailform-field label {
	font-size: 10pt; 
	font-family: Helvetica, Verdana, Arial, sans-serif;
	width: 5em;
	float: left;
	text-align: right;
	margin-right: 0.5em
	display: block
}
 
.csc-mailform-submit {
	margin-left: 5.5em;
}
Profil
Verfasst am: 26. 04. 2006 [14:19]
just2b
TYPO3-Gott
Moderator
Dabei seit: 04.08.2004
Beiträge: 19047
danke spyke!

lg georg

=> TYPO3 - inspiring people to share <= aber kein Support per PM!

=> in eigener Sache: · inspiring people to share your location Trag dich in die TYPO3 Weltkarte ein und zeige wie groß die TYPO3 Community ist - vielen Dank!<=
ProfilWWW
Verfasst am: 14. 05. 2006 [18:45]
pst
Dabei seit: 12.05.2003
Beiträge: 122
Hallo!
Ich habe ähnliche Probleme nach dem Update auf Typo3 4.0.
Auf einigen Seiten, wie dieser hier www.uwe-wainors.de/index.php?id=10 habe ich das Formular bereits mit diesen Styles hinbekommen:
HTML
fieldset.csc-mailform label {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
        width: 80px;
        float: left;
        clear: right;
 
}
 
fieldset.csc-mailform input, textarea {
	float: left;
	margin-left: 0px;
}
 
DIV.csc-mailform-field
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -10px;
	height: 27px;
	border: 0px; 
 
	}
fieldset {border: 0px; }


Bei einem weiteren Formular habe ich allerdings ein riesiges Problem, da hier überhaupt nichts mehr stimmt - was vor allem an den teiweise längeren Labels liegt. www.lippmann-finanzberatung.de/index.php?id=24.

Da ich mich nicht wirklich vollständig mit CSS auskenne, weiß ich nicht mehr weiter... Vielleicht kann mir hier jemand weiterhelfen?

Thanx for Help
Philipp
Profil
Verfasst am: 24. 05. 2006 [10:47]
zoey_82
Dabei seit: 15.06.2005
Beiträge: 12
Hallo just2b,
sorry dass ich mich erst jetzt wieder melde.
Hier mein Auszug aus der css-datei:
TYPOSCRIPT
fieldset {
  padding: 1em;
  font:80%/1 sans-serif;
  border:0px;
}
 
label {
  width: 12em;
  font-size: 12px;
  padding: 0px 10px 0px 10px;
  float: left;
  text-align: left;
  margin-right: 0.5em
  display: block
}
 
input {
  margin-bottom: 10px;
}
 
textarea {
  margin-bottom: 10px;
}


Gruss Bettina
Profil
Verfasst am: 03. 07. 2006 [11:12]
trainerth
Dabei seit: 26.04.2005
Beiträge: 106
Weiß denn hier zufällig auch einer wie ich an die radio Buttons dran komme?

Also so ähnlich wie "csc-mailform-field textarea" das hier....

Ich finde nichts dazu...


mfg und danke
Thorsten
ProfilWWW