By way of a sneak peek you might like a gander at some of our HTML prototypes:
http://skunkworks.farcrycms.com/pot/glamour/overview.html
Looks good so far. xhtml needs work though :) (too many spans that aren't needed, <strong> instead of <b>, etc. But I'm assuming you're just going for the look now (and clean up the code, and white space later).
Might I suggest that on the required <label> tags, instead of using a meaningless asteric (*) and colon (:) maybe use this new method:
// start css
input
{
clear: left;
}
label
{
fon-weight: bold;
}
label.required
{
color: #f00;
}
label:after
{
content: ":";
}
label.required:before
{
content: "* ";
}
// end css<!-- old html -->
<h3>Form title here</h3>
<label for="firstname"><b><span class="req">*</span>Full name:</b>
<input id="firstname" name="firstname" type="text" class="f-name" tabindex="1" /><br />
</label>
<!-- new html --> <legend>Form title here</legend> <label class="required" for="firstname">Full name</label> <input id="firstname" name="firstname" type="text" tabindex="1" />
---
You'll end up with light-weight/cleaner code. Unfortunately the "before" and "after" features are css3, thus they only work in recent browsers (Firefox, IE7, etc), but thats your call (To make up for the difference I make mine red and non-bold for required. I save the red_+_bold for a field that didn't validate correctly).
btw: I didn't test that css above, rather I wrote it real quick. May I suggest that if you're planning to rewrite the entire FC backend in css that you don't use "classitis". Just like the old Farcry backend code I already see it happening in this example code you've provided (there are other ways to achieve the same effect you're after without placing unique classes on all the <input> tags). If this was intentional because you're just playing with some quick ideas (to get some visual layouts down first) then nevermind :).
I just hope that if you are "really" planning to do a rewrite all in css that its done up-to-date (example: When it comes to layout <br /> tags are rarely ever needed (almost never needed) and can be handled in css rather than weighing down the html).
-Jeff C.
hehe: "My cats name is mittens", classic :)
--- You are currently subscribed to farcry-dev as: [email protected] To unsubscribe send a blank email to [EMAIL PROTECTED] Aussie Macromedia Developers: http://lists.daemon.com.au/
