[thelist] CSS Form layout w/out span|div

Morgan Kelsey morgan at morgankelsey.com
Thu Feb 20 14:09:01 CST 2003


rudy,

> > good luck
>
> nagrom, that's harsh  ;o)
>
> and i'm saying that as someone who has harshed with the best of them, eh
>

oh geez, i really meant it ya know. i think ben's off to a good start and really
do wish him luck with making better forms. the world would be a better place if
there were more good, honest upstanding forms around dontcha think?
;p

i could say something about the fact that "label - field, label-field" is awful,
uhh, i dunno, tabular?
but i don't wanna start a table war...i just want better forms dammit.

<tip type="SEO of the gods">
got a site with a left-hand navbar? want better search engine rankings?
search engines will follow every link on a page no matter where it's location in
the body. however, the main content area of the page needs to be as close to the
opening body tag as possible.

if you are using divs, you can arrange them accordingly in your code. if you are
using tables, you should shim them like this:

original layout:

<table>
  <tr>
    <td>nav</td>
    <td>content</td>
  </tr>
</table>
--------------------
| nav  |   content       |
|        |                     |
|        |                     |
--------------------

now, the shimmed layout:

<table>
  <tr>
    <!--shim -->
    <td><img src="/img/clear.gif" height="1" width="1" border="0" /></td>
    <td rowspan="2">content</td>
  </tr>
  <tr>
    <td>nav</td>
  </tr>
</table>
--------------------
| shim |   content     |
|------|                   |
| nav  |                    |
--------------------
</tip>

nagrom
http://morgankelsey.com




More information about the thelist mailing list