Visual Design Guide for browser-based apps?

[Danoodle]

I manage a small team of developers building a browser-based app in .NET for use in a client organisation.

The client does not have visual design guidelines.

I come from a VB dev background where developers on a large project needed to present forms and controls in a standard manner to present a consistent appearance across all modules in an app.
Therefore a project would draft a guideline doc to help developers.

Does anybody know of corresponding guidelines for browsr-based development?

The sort of stuff I am after relates to:

spacing : distance from left-hand edge, vertical & horizontal spacing between controls etc.

alignment : keep all controls left-aligned? labels right aligned?

sizing : width of dropdowns, text boxes

positioning : visual Vs logical such as is it best not to mix different types of controls (like option buttons & checkboxes) on the same row?

Thanks to all in anticipation.
D

 

[manarth]

give everyone a structural standard to stick to:

e.g.

<form action="xx.xxx" method="post">
  <label for="username">Username</label>
  <input name="username" id="username" type="text" />
  <br />
......

Almost all design stuff can be done using CSS - and therefore will de-facto be standard across the site.

<marc> i wonder what will happen if i press this...[ul][li]please tell us if our suggestion has helped[/li][li]need some help? faq581-3339[/li][/ul]