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.
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!
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.
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;
}
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.
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.
Comments
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!
<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.