Hello!

I'm finally listening to many of the mods here (especially LadynRed!) and am trying to build a site using css and NO TABLES...

ok, running into a few probs...

Please look at http://www.gkmedia.co.uk/menu.htm

this is a menu from Dynamicdrive and i gave customised the sizes and colours of the buttons.

the positioning of the menu is roughly where i want it to go on

http://www.gkmedia.co.uk/portfolio2.htm but as you can see, the menu is screwed up and the images are not loading!!!

Please help a very table orientated person into deciding that CSS is a better option!

Check out A List Apart's tutorials re: CSS Menus. That should help. Also, you would not usually put an img between h1 tags.

thanks for the tutorial (and i'll def be reading it) but can somone help with a quickfix to sort this one out

** goes of to read up on a list aparts site...**

Is it possible there isn't enough space to display the menu? That's what it looks like to me. Not quite sure about those white block things though...

Unfortunately, I don't see a quick fix here, but something that may help you along the way:

Not sure what the following is accomplishing. Not standard for a br, and style rule is omitting semicolon, so is not closed and won't work.

<br style="clear: right" />

Get the conditional comments and style blocks OUT of your css files - they don't belong there.

I edited your HTML to this.. and the menu works:

<!-- <ul id="menu" class="solidblockmenu">
<li class="active"></li>
<li> -->
<ul class="solidblockmenu">
<li><a href="http://www.dynamicdrive.com/">Home</a></li>
<li><a href="http://www.dynamicdrive.com/style/" class="current">CSS Examples</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com/">Webmaster Tools</a></li>
<li><a href="http://www.javascriptkit.com/">JavaScript</a></li>
<li><a href="http://www.cssdrive.com/">Gallery</a></li>
</ul>

The stuff I commented out was getting in the way.

Thanks LadynRed, this solved the positioning problem!

Another thing that bugging me is that the links are showing blue on FF
when they should be white?? and the first button "home" is a bit wide,

http://www.gkmedia.co.uk/portfolio.htm

also, how can i edit the position of the menu so that it sits a bit lower down the page? I can do it with BR tags, but trying to do this all the "correct" way!

Thanks!

The color is coming from here:
a {style.css (line 13)
background:inherit inherit inherit inherit inherit;
color:#546F92;
}



Add color: #fff to

.solidblockmenu li a {style.css (line 41)
border-right:1px solid white;
float:right;
padding:2px 10px;
text-decoration:none;
}

To move the menu down, add margin-top: xx px to the .solidblockmenu rules.

many thanks as usual LadynRed,
It is sort of all starting to make more sense now...!