[TYPO3-UG Dutch] mailform en CCS opmaak

[WP Perquin]

Bedankt!

-----Oorspronkelijk bericht-----
Van: typo3-ug-dutch-bounces at lists.netfielders.de
[mailto:typo3-ug-dutch-bounces at lists.netfielders.de] Namens Marijn
Depraetere
Verzonden: dinsdag 30 december 2008 11:24
Aan: TYPO3 Usergroup Dutch
Onderwerp: Re: [TYPO3-UG Dutch] mailform en CCS opmaak

Hoi,

Ik kan me moeilijk aansluiten bij dit idee.  Een tabel mag NOOIT gebruikt
worden voor iets anders dan gestructureerde inhoud.  Alles wat je via een
tabel kan vormgeven kan je evengoed via CSS.  

Bijvoorbeeld:

--- HTML ---

<div class="myForm">
    <div class="row">
      <label for="text1">Label</label>
      <input type="text" name="text1" />
    </div>
    <div class="row">
      <label for="text3">Here's a super long label</label>
      <input type="text" name="text3" />
    </div>
    <div class="row">
      <label for="text2">Another label</label>
      <input type="text" name="text2" />
    </div>
  </div>

--- HTML ---

--- CSS ---
.myForm{
  display: table;
}
.row{
  display: table-row;
}
label{
  display: table-cell;
  text-align: right;
  padding: 0 5px 10px 0;
}
--- CSS ---

UNTESTED trouwens, maar het idee is gelegd.  Noot: dit is eigenlijk
OFF-TOPIC aangezien het niet puur over TYPO3 gaat.

Groetjes,
Marijn

4----- Oorspronkelijk bericht -----
4Van
: Jacco van der Post [mailto:jacco at id-internetservices.com]
4Verzonden
: zaterdag
, december
 27, 2008 12:04 AM
4Aan
: 'TYPO3 Usergroup Dutch'
4Onderwerp
: Re: [TYPO3-UG Dutch] mailform en CCS opmaak
4
4Hoi Willem,
4
4Alhoewel het met CSS wel te doen is voor een mailform, wordt het 
4inderdaad lastiger met mailforms gemaakt door een redacteur en waarvan 
4je van te voren niet weet welke velden en lange labels er in komen.
4
4De truuk die sommigen toepassen is om er dan toch maar een tabel van te 
4maken bijv. in TS setup :
4
4# ====================================================
4# mailform
4# ====================================================
4tt_content.mailform.20 {
4stdWrap.wrap = <table width="600" cellpadding="2" cellspacing="3">|</table>
4layout = <tr><td valign="top" align="right" 
4style="padding-right:4px;">###LABEL###</td><td>###FIELD###</td></tr>
4#CHECK.layout = <tr><td>&nbsp;</td><td>###FIELD### ###LABEL###</td></tr>
4labelWrap.wrap = |
4REQ.labelWrap.wrap = |<span class="required">*</span>
4params.input = class="form"
4params.password = class="form"
4params.textarea = class="form"
4params.select = class="form"
4params.file = class="form"
4params.submit = class="formbutton"
4#params.radio =
4#params.check =
4badMess = De volgende velden zijn verplicht :
4}
4
4
4-- 
4
4Met vriendelijke groet,
4
4Jacco van der Post
4www.id-internetservices.com
4
4
4WP Perquin schreef:
4> Ik loop steeds stuk op de standaard mailform die in typo3 zit.
4> 
4> In eerste instantie word je happy omdat het erin zit en het (relatief)
4> gemakkelijk gaat.
4> 
4> Totdat je kijkt naar de layout. Die klopt van geen kanten. De input
velden
4> beginnen daar waar je tekst eindigt etc.
4> 
4>  
4> 
4> Nu moet je steeds kijken naar je formulier, daarop een stylesheet maken,
4> zodat alles mooi uitlijnt.
4> 
4> Bij het volgende formulier (dat net weer iets anders is) kan je weer
opnieuw
4> beginnen.
4> 
4> Mij maakt het niet uit, maar klanten vinden het toch wel lastig. Die
4> verwachten immers meteen een goed werkend formulier te hebben.
4> 
4>  
4> 
4> Is er een "trucje" om dit makkelijker te doen? Kan je mailform ook gewoon
4> "uitzetten" zodat het formulier niet beschikbaar is voor editors? Is er
een
4> extensions die het leven voor editors (met weinig html kennis)
4> vergemakkelijkt?
4
4
4
4
4_______________________________________________
4TYPO3-UG-dutch mailing list
4TYPO3-UG-dutch at lists.netfielders.de
4http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch
4
4


_______________________________________________
TYPO3-UG-dutch mailing list
TYPO3-UG-dutch at lists.netfielders.de
http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch