Suche
Teilen
startseite » forum

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

  • LineMan LineMan
    Jedi-Meister
    0 x
    294 Beiträge
    0 Hilfreiche Beiträge
    17. 07. 2006, 15:59

    ansonsten gibts hier einen kleinen versuchsansatz um ein formular mit css zu stylen:

    [url]http://www.css-tutorials.de/css/barrierefreiesformular/[/url]

  • flobb flobb
    R2-D2
    0 x
    99 Beiträge
    0 Hilfreiche Beiträge
    17. 04. 2007, 17:02

    [quote="LineMan"]
    ansonsten gibts hier einen kleinen versuchsansatz um ein formular mit css zu stylen:

    [url]http://www.css-tutorials.de/css/barrierefreiesformular/[/url]
    [/quote]

    Yes, das hat mich gerettet! Danke schön ;)

  • Mr.TRTD Mr.TRTD
    Padawan
    0 x
    58 Beiträge
    0 Hilfreiche Beiträge
    14. 11. 2007, 11:40

    Und nun, 1 1/2 Jahre nach dem letzten Eintrag die Bonusfrage:

    Wie stelle ich die "Benötigten Felder" per css dar?

    Will heißen: Die Felder, die der Besucher ausfüllen MUSS, sollen beispielsweise einen roten label oder einen roten rahmen um das Input haben .

    Danke

  • 0 x
    28 Beiträge
    0 Hilfreiche Beiträge
    14. 11. 2007, 13:32

    Auch ich als Newbie sage Spyke nach Jahren noch Danke.

    Seine Angaben für die css-Datei sind gold wert. In einer nächsten Stufe werde ich dann etwas anspruchvolleres machen, aber für den Anfang sieht es nun schön aufgeräumt aus #giggle#

    66

  • masteryoda masteryod...
    Padawan
    0 x
    41 Beiträge
    0 Hilfreiche Beiträge
    14. 02. 2008, 09:11

    da sach ich nur mille grazie! :p

  • laymore laymore
    T3PO
    0 x
    14 Beiträge
    0 Hilfreiche Beiträge
    27. 02. 2008, 13:49

    Hier mal ein kleines CSS für das Mailformular, welches ich passend für meine Seite geschnibbelt habe.

    [TS]@charset "UTF-8";
    @media all
    {

    /* Mailformular */
    fieldset {
    padding: 1em;
    padding-top:40px;
    font:80%/1 sans-serif;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    background-color:#eee;
    }

    label {
    width: 12em;
    font-size: 12px;
    color: #263F5E;
    padding: 0px 10px 0px 10px;
    float: left;
    text-align: left;
    margin-right: -15px;
    margin-bottom: 3px;
    display: block
    }

    input {
    margin-bottom: 10px;
    margin-left: 10px;
    color: #263F5E;
    background: #fff;
    border: 1px solid #ccc;
    }

    textarea{
    margin-bottom: 10px;
    margin-left:10px;
    border: 1px solid #ccc;
    background: #fff;
    color: #263F5E;
    }

    #mailformformtype_mail{
    color: #fff;
    font-weight:normal;
    border: 1px outset #263F5E;
    background:#263F5E;

    }
    }[/TS]

    Auch hier haben mir die bisherigen Beiträge im Forum weitergeholfen und vielleicht kann ich somit etwas zurückgeben.

  • Apop Apop
    Jedi-Ritter
    0 x
    145 Beiträge
    0 Hilfreiche Beiträge
    30. 04. 2008, 13:24

    Hallo,

    ich habe unter Typo3 4.1.3 ein Standard-Formular mit Radio-Buttons erstellt.

    Leider sind die Radio-Buttons nicht valide. Komischerweise finde ich nix zu diesem Problem, sprich valide Input-Felder vom type="radio".

    Ich habe auch schon innerhalb typo3/sysext/css_styled_content in der setup.txt gesucht: Dort sind aber nur Anweisungen für ein Tabellenformular.

    Wo finde ich die wrapper-Anweisungen für ein Div-Formular?

    Folgendes brachte keinen Erfolg:

    [TS]### Mailform-Anpassung wegen Validitaet
    #tt_content.mailform.20.RADIO.layout = <div class="csc-mailform-field"><span class="csc-mailform-radio">###FIELD###</span></div>
    #tt_content.mailform.20.radioWrap.wrap = <span class="csc-form-radio">|</span>
    #tt_content.mailform.20.layout = <tr><td class="csc-form-labelcell">###LABEL###</td><td class="csc-form-fieldcell">###FIELD###</td></tr>
    #tt_content.mailform.20.layout = <div class="csc-mailform-field"><span class="csc-mailform-radio">###FIELD###</span></div>[/TS]

  • Apop Apop
    Jedi-Ritter
    0 x
    145 Beiträge
    0 Hilfreiche Beiträge
    02. 05. 2008, 11:05

    Hallo zusammen,

    habe den Fehler gefunden:

    Erstellt man ein Typo3-Standard-Formular mit Radio-Input-Feldern,
    wird Fieldset in ein Span-Tag eingebettet:
    [HTML]...
    <label for="mailformanrede">Anrede:</label>
    <span class="csc-mailform-radio">
    <fieldset id="mailformanrede">
    <legend>Anrede:</legend>
    <input name="anrede" id="mailformanredeFrau" value="Frau" checked="checked" class="csc-mailform-radio" type="radio">
    <label for="mailformanredeFrau">Frau</label>
    ...
    </fieldset>
    </span>
    ...[/HTML]

    Dies ist nicht valide (unter v 4.1.3).
    Lösung (ins TS-Setup oder in die setup.txt von css_styled_content):
    [TS]tt_content.mailform.20 {
    #RADIO.layout = <div class="csc-mailform-field">###LABEL### <span class="csc-mailform-radio">###FIELD###</span></div>
    RADIO.layout = <div class="csc-mailform-field">###LABEL### ###FIELD###</div>
    }[/TS]

  • tp3user tp3user
    Padawan
    0 x
    35 Beiträge
    0 Hilfreiche Beiträge
    17. 12. 2008, 12:48

    Hallo,

    ist es möglich in einem Formular die Required-Felder optisch hervorzuheben??

    Ich möchte damit erreichen, das der User sofort sieht welche Felder unbedingt ausgefüllt werden müssen.

    Die Required-Felder möchte ich [b]FETT[/b] darstellen und nochmal am Ende des Text-Labels mit einem STERN kennzeichnen.

    Viele Grüße

Präsentiert von