[HowTo] Mailformular stylen - wo kann ich dies bewerkstelligen? wurde Beantwortet

Autor Nachricht
Verfasst am: 19.04.2006 [16:38]
josDesign


[Themenersteller]
dabei seit: 18.04.2006
Beiträge: 169

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ü, Josef-Florian
typo3forum.net
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
Verfasst am: 20.04.2006 [10:34]
just2b

[Moderator]
dabei seit: 04.08.2004
Beiträge: 15730

über 5000 Posts über 10000 Posts über 15000 Posts
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!
⇒ Das ist TS: lib.menu.20.if.value.stdWrap.numRows.select.pidInList.stdWrap.cObject.field = uid
⇒ in eigener Sache: · Meine Forumregeln · Meine Seite www.ringer.it · Meine Extensions · Content-Management-Systeme mit TYPO3 & RedDot
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
Verfasst am: 20.04.2006 [11:21]
just2b

[Moderator]
dabei seit: 04.08.2004
Beiträge: 15730

über 5000 Posts über 10000 Posts über 15000 Posts
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!
⇒ Das ist TS: lib.menu.20.if.value.stdWrap.numRows.select.pidInList.stdWrap.cObject.field = uid
⇒ in eigener Sache: · Meine Forumregeln · Meine Seite www.ringer.it · Meine Extensions · Content-Management-Systeme mit TYPO3 & RedDot
Verfasst am: 26.04.2006 [14:17]
spike2109

dabei seit: 19.05.2005
Beiträge: 45

Danke für die Links, just2b, das hat wirklich weitergeholfen.

So sieht es aktuell in meiner CSS aus:

Html4strict:Zeilennummerierung:  An / Aus

  1. .csc-mailform {
  2.         border: 0px;
  3. }
  4.  
  5. .csc-mailform-field label {
  6.         font-size: 10pt;
  7.         font-family: Helvetica, Verdana, Arial, sans-serif;
  8.         width: 5em;
  9.         float: left;
  10.         text-align: right;
  11.         margin-right: 0.5em
  12.         display: block
  13. }
  14.  
  15. .csc-mailform-submit {
  16.         margin-left: 5.5em;
  17. }
Verfasst am: 26.04.2006 [14:19]
just2b

[Moderator]
dabei seit: 04.08.2004
Beiträge: 15730

über 5000 Posts über 10000 Posts über 15000 Posts
danke spyke!

lg georg

⇒ TYPO3 - inspiring people to share ⇐ aber kein Support per PM!
⇒ Das ist TS: lib.menu.20.if.value.stdWrap.numRows.select.pidInList.stdWrap.cObject.field = uid
⇒ in eigener Sache: · Meine Forumregeln · Meine Seite www.ringer.it · Meine Extensions · Content-Management-Systeme mit TYPO3 & RedDot
Verfasst am: 14.05.2006 [18:45]
pst

dabei seit: 12.05.2003
Beiträge: 119

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:
Html4strict:Zeilennummerierung:  An / Aus

  1. fieldset.csc-mailform label {
  2.         font-family: Arial, Helvetica, sans-serif;
  3.         font-size: 12px;
  4.         width: 80px;
  5.         float: left;
  6.         clear: right;
  7.  
  8. }
  9.  
  10. fieldset.csc-mailform input, textarea {
  11.         float: left;
  12.         margin-left: 0px;
  13. }
  14.  
  15. DIV.csc-mailform-field
  16. {
  17.         font-family: Arial, Helvetica, sans-serif;
  18.         font-size: 12px;
  19.         margin-right: 0px;
  20.         margin-bottom: 0px;
  21.         margin-left: -10px;
  22.         height: 27px;
  23.         border: 0px;
  24.  
  25.         }
  26. 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
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:Zeilennummerierung:  An / Aus

  1. fieldset {
  2.   padding: 1em;
  3.   font:80%/1 sans-serif;
  4.   border:0px;
  5. }
  6.  
  7. label {
  8.   width: 12em;
  9.   font-size: 12px;
  10.   padding: 0px 10px 0px 10px;
  11.   float: left;
  12.   text-align: left;
  13.   margin-right: 0.5em
  14.   display: block
  15. }
  16.  
  17. input {
  18.   margin-bottom: 10px;
  19. }
  20.  
  21. textarea {
  22.   margin-bottom: 10px;
  23. }


Gruss Bettina
Verfasst am: 03.07.2006 [11:12]
trainerth


dabei seit: 26.04.2005
Beiträge: 62

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




 
TYPO3 Version 4.2.0 testen

TYPO3 Ver. 4.2.0 testen

Testen Sie die neue TYPO3 Version 4.2.0 kostenlos für einen Monat

TYPO3 Bücher

TYPO3 Workshops


TYPO3 Einführungsschulung
in Berlin:
Montag, 07.07.
in Espelkamp:
Montag, 04.08.

TYPO3 Intensivschulung
in Espelkamp:
Mi., 06.08. - Fr., 08.08.
in Würzburg:
Mo., 18.08. - Mi., 20.08.
in Köln:
Mo., 01.09. - Mi., 03.09.
in Berlin:
Mi., 24.09. - Fr., 26.09.

TYPO3 Extensionschulung
in Berlin:
Mo., 14.07. - Mi., 16.07.
in Espelkamp:
Mo., 11.08. - Mi., 13.08.