[JiRaffe]

blimey. the first site i've ever put together that passed the W3C validation test

as you all may have noticed, i've been trying to redesign my page in css. here's what i've finally come up with...

http://www.thunderchunky.co.uk/index_new4.html

If you could all have a quick look and let me know if there's anything glaringly wrong with it then thatd be grand. i know there's still a couple of glitches in it, the main one being that the rollovers on the horizontal nav bar aren't quite right in IE on the pc.

i just need to redo every sub-page after i've sorted this out!

[stickmus]

Looking good. Layout's real nice, but you know that anyway

I had problems with ie for my menu - here's my list menu related css.

ul {
list-style-type:none;
margin:0;
padding:0;
}
li {
display:inline
}
#menu {
margin:0 10px;
padding:10px 0px !important;
padding:0;
background: url("images/gsgd3_menu.jpg") no-repeat 0 0 #666;
height:auto;
color:#fff;
text-transform:uppercase;
text-align:left;
clear:both;
font-size:120%;
overflow:hidden;
}
#menu a {
margin:0;
padding:12px 10px 11px 10px;
color:#fff;
background:transparent;
text-decoration:none;
height:1%;
}
#menu a:visited, a:visited {
text-decoration:line-through;
}
#menu a:hover, #featured a:hover {
background-color:#B58045;
color:#FFF;
text-decoration:none;
}

HTH

[JiRaffe]

cheers mate

what does the "height:1%" do on the links?

and what does "!important" do?

[stickmus]

The 1% height makes ie5 apply the padding to the a tags, without this they get none. {edit} and i think most browsers will ignore this as the a tags are inline not block elements {/edit}

The !important tells more better browsers to treat that line as more important than other definitions for the element (see following line).

IE does the margins differently somehow, so needs a different value, it ignores important so gets the right value. If they understand the important tag, then other browsers will pick up a better value to use.

There's probably a more hacky way to do this, but this seems to work fine for me.