Proper (meaning valid and semantic) Markup and CSS, Please.

timberford · February 2006

http://www.paulsturgess.co.uk/vanilla/account.htm http://www.paulsturgess.co.uk/vanilla/personal_information.htm http://www.paulsturgess.co.uk/vanilla/categories.htm http://www.paulsturgess.co.uk/vanilla/signin.htm - with this page i've written the styles from scratch as well.

Minisweeper · February 2006

everything on the signin looks a bit small (though this monitor is definately on its way out so i could just not be seeing stuff right).
Unfortunately i have no idea about styling or xhtml or any of that so i dunno whether what you've done is an improvement or whatnot but on the assumption it is...hurrah!

timberford · February 2006

yeah it does look a bit small doesn't it. fortunately this is the beauty of css in that these things are simple to tweak.

timberford · February 2006

ok i thought i'd write the css for the discussions template i created... http://www.paulsturgess.co.uk/vanilla/discussions_css.htm [work in progress]

chris · February 2006

/me hugs timberford

chris · February 2006

one thing though. the tabs are floating a pixel higher than they should be - i'm using camino 1.0b2 on osx, but i'm guessing it would be a similar story for other gecko engined browsers.

timberford · February 2006

is it still doing that?

chris · February 2006

you, you want a ss?

chris · February 2006

timberford · February 2006

not sure why it's doing that and unfortunately i dont have a mac at home to debug. the css is very straight forward: #nav ul { text-align: center; } #nav ul li { list-style: none; display: inline; margin:0; padding:0; } #nav li a:link, #nav li a:visited{ padding: 1px 4px; text-decoration:none; background-color: #5D709F; color:#FFF; margin:0; }

Ben · February 2006

The nav looks fine to me. The only flaw I can see is that not all of the Discussions have bottom borders. It seems to skip some, apparently at random.

timberford · February 2006

what browser and os are you using ben? im holding off on this until mark responds. i would prefer to know if this is going to be worthwhile for him. has anyone got any comments on the markup i've used? obviously it is still open to debate. i'm by no means saying what i've written thus far is the only way it can be done.

Mark · February 2006

Hmm. Thanks, timberford. Overnight I've actually gotten quite a response on this, and there are a few others who are sending me their examples of how it should be done, too. I'd say don't go too crazy with the css yet. I think I'll end up either choosing one to go with, or taking the best from all and putting them together. I'm not sure yet.

Bergamot · February 2006

timberford: I think I actually like andy's discussion list markup better:

<ol>                 
   <li>
      <h3><a href="">Topic Name</a></h3>
      <dl>
         <dt>Category</dt>
         <dd><a href="">Category Name</a></dd>

         <dt><a href="">Started by</a></dt>
         <dd><a href="">User Name</a></dd>

         <dt>Comments</dt>
         <dd>10</dd>

         <dt><a href="">Last comment by</a></dt>
         <dd><a href="">User Name</a></dd>

         <dt><a href="">Last Active</a></dt>
         <dd>1 hour ago</dd>

         <dt><a href="">New</a></dt>
         <dd><a href="">0</a></dd>
      </dl>
   </li>
   <li>
      ...
   </li>
<ol>

Benefits: discussions are items in a list, the topic name is allowed to be a header, and the metadata is in a separate list.

Ben · February 2006

Sorry timberford, I keep forgeting to say. Firefox 1.0.7 on Windows XP

aloicious · February 2006

I'm with Bergamot. Assuming, that is, that the start number for the ordered list is set at the top of each page.

Bergamot · February 2006

aloicious: I hadn't even thought of that, but the information is readily available and it would be easy to do.

SpookyET · February 2006

nick1presta is busy. According to him school and familty take priority. Deal with it and stop bitching.

Minisweeper · February 2006

bitching?

Bergamot · February 2006

Can't you tell, we're all bitching.