Mailformular stylen - wo kann ich dies bewerkstelligen? [Gelöst]

  • jousch jousch
    Jedi-Meister
    0 x
    321 Beiträge
    1 Hilfreiche Beiträge
    19. 04. 2006, 16:38

    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!!!


  • zoey_82 zoey_82
    T3PO
    0 x
    12 Beiträge
    0 Hilfreiche Beiträge
    20. 04. 2006, 10:21

    Hallo,

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

    Gruss Bettina

  • just2b just2b
    TYPO3-Yoda
    0 x
    18741 Beiträge
    2 Hilfreiche Beiträge
    20. 04. 2006, 10:34

    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

  • zoey_82 zoey_82
    T3PO
    0 x
    12 Beiträge
    0 Hilfreiche Beiträge
    20. 04. 2006, 11:17

    Vielen, vielen Dank!
    Hat super funktioniert!

    Gruss Bettina

  • just2b just2b
    TYPO3-Yoda
    0 x
    18741 Beiträge
    2 Hilfreiche Beiträge
    20. 04. 2006, 11:21

    Hi Bettina,

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

  • spike2109 spike2109
    R2-D2
    0 x
    90 Beiträge
    0 Hilfreiche Beiträge
    26. 04. 2006, 14:17

    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;
    }[/HTML]

  • just2b just2b
    TYPO3-Yoda
    0 x
    18741 Beiträge
    2 Hilfreiche Beiträge
    26. 04. 2006, 14:19

    danke spyke!

    lg georg

  • pst pst
    R2-D2
    0 x
    122 Beiträge
    0 Hilfreiche Beiträge
    14. 05. 2006, 18:45

    Hallo!
    Ich habe ähnliche Probleme nach dem Update auf Typo3 4.0.
    Auf einigen Seiten, wie dieser hier [url]http://www.uwe-wainors.de/index.php?id=10[/url] 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; }
    [/HTML]

    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. [url]http://www.lippmann-finanzberatung.de/index.php?id=24[/url].

    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

  • zoey_82 zoey_82
    T3PO
    0 x
    12 Beiträge
    0 Hilfreiche Beiträge
    24. 05. 2006, 10:47

    Hallo just2b,
    sorry dass ich mich erst jetzt wieder melde.
    Hier mein Auszug aus der css-datei:
    [TS]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;
    }
    [/TS]

    Gruss Bettina

  • trainerth trainerth
    R2-D2
    0 x
    108 Beiträge
    0 Hilfreiche Beiträge
    03. 07. 2006, 11:12

    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