Simple horizontal menu

Down the bottom, the footer div - has Top Downloads, Popular Today and Most Discussed - that exact div with the titles and LI layout I need - can anyone throw some code together for me pls?

http://templates.arcsin.se/

 

Really under some pressure to get this layout done - anyone help me here pls?

 

You'd probably get more help if we understood what was being asked... My initial gut reaction was "Is that a question?"

 

if i understood what your needs were. then yeah lol.
but i do charge ;]

 

deathshadow, I was asking for someone to give me code for a 3 x 5 LI layout

 

Uhm... view source? You are linking to a page that does what you want... look at it's source.

The way it's coded on that page is ok, but it looks to me like a list of a list, so it should be a double nested UL.

The trick is that the outer LI's should be set to 33% width and float:left - then they'll 'stack' one atop the other.

I tossed that together into one of my standard semi-fluid templates:

http://battletech.hopto.org/for_others/IE007/template.html

and the css:
http://battletech.hopto.org/for_others/IE007/screen.css

A few 'tricks' are things like the mouseovers which you set the anchor to display:block so it fills the wrapping LI... and the borders - set border-bottom on all the inner LI and border-top on the UL.

 

deathshadow - I really appreciate the code mate. Its exactly what I was looking for. Thanks for going to the trouble! You've helped me out loads here!!!
Have a good Sunday buddy

Leo [solved for me anyway!]

 

1 last quick question for deathshadow - any idea how to get IE to have the whole hover li a link as with FF rather than just the link text a link? Its something very small and if you say "Hey Leo just leave it, too much hassle" - I will... but if theres something small I could do, I'd do that just as easy!

Thanks again buddy, fantastic description and code!
Leo

 

oops, you are right. My bad - forgot one little tiny thing. You need to give the anchor haslayout so you can click the entire box, not just the text.

#footer a {
	display:block;
	padding:2px 8px;
	height:1%; /* haslayout 'tricks' ie into letting you click the whole link */
	color:#DDD;
	text-decoration:none;
	border-bottom:1px solid #888;
}

Code (markup):

adding that one line should fix it.

 

Absolutely perfect buddy - thanks, you're legendary!

 

thanks man