On Wed 18 Apr 2007, Kake L Pugh <kake(a)earth.li> wrote:
As requested by Dom, here are CSS snippets for making your edit form
look exactly (well, pretty much exactly) the same as it did when we
were using tables. (Whitespace-collapsed for ease of scanning.)
All tested on: Firefox 2 (OS X), Opera 9.20 (OS X), IE 5.01 (Win),
IE 5.5 (Win), IE 6.0 (Win), and IE 7.0 (Win).
To have the preview changes/cancel edit/save changes buttons all on the same
line across the screen:
div.edit_form_actions { text-align: center; }
div.preview_edit { float: left; width: 33%; }
div.cancel_edit { float: left; width: 33%; }
div.commit_edit { float: right; width: 33%; }
fieldset#main_information { clear: both; }
To make the titles of the fieldsets (i.e. the groupings of Main
information, Metadata, OpenGuides information) be in bold, and have
the entire fieldset set in a little way from the edge of the screen:
fieldset legend { font-weight: bold; }
fieldset { margin-left: 5%; margin-right: 5%; }
To have the labels ("Content:" etc) in a column on the left-hand side, and
the corresponding boxes on the right-hand side:
fieldset label { display: block; width: 15%; float: left; }
fieldset div.edit_box { width: 80%; float: right; }
fieldset div.edit_form_group { clear: both; }
Things that you can't change with CSS - if you really really really want
one of these things to go back to the way it was then do shout.
- "Main information (required)" has changed to "Main information".
This is because it contains fields which aren't required, and never have
been, namely Categories and Locales.
- "Metadata" has changed to "Additional information".
This is because "metadata" is a confusing geek word that normal people
don't understand, and also because it isn't actually data about data
anyway.
- "OpenGuides information" has changed to "About your edit".
I just thought this was clearer and more descriptive.
- "One-line summary of this node" has moved into the main information.
This is because it should have been there in the first place.
- "node" has changed to "page" in all text.
This is because non-geeks don't know what a node is and I got fed up
of explaining that it just means "page" :)
- "URL to node Image" has changed to "URL of image".
Again, I just thought this was clearer.
Kake