[TYPO3-UG Dutch] mailform en CCS opmaak

[Marijn Depraetere]

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