Play PackRat on Facebook: our feverishly addictive new game

Requesting web design help

Hi, I'm in the process of coding a website, but I've been having some problems with the navigation bar. Since many of you seem to have experience in web design, I thought you might be able to help me out.

I'm using images for my navbar items, and in order to get them to display correctly, I have them set to "display: block;". When I used "display: inline;" it didn't seem to work. The problem is that since all of the navbar links are in an unordered list, there are line breaks between each navigation button.

I was wondering how to get the buttons to show up on the same line, while retaining the "display: block;" style. I've looked at the code for a couple of websites that do something similar to what I'm trying to do, but I can't seem to figure it out.

Any help is much appreciated. Thanks!

Posted by minienvelope on Aug 10, 2007 in Blab | 9 comments

tommythewolfboy on Aug 10, 2007

you need to float li elements

tommythewolfboy on Aug 10, 2007

ah, this was the other good website I was looking for:
http://css.maxdesign.com.au/listamatic/

JBVisions on Aug 10, 2007

Ahhh Stu gets another backlink :)

tommythewolfboy on Aug 10, 2007

haha, indeed.

tessa on Aug 10, 2007

There must be something about 6 o'clock in the morning that inspires us to work on navigation bars (of course this assumes we live in the same timezone) :)

ZsaZsa on Aug 10, 2007

I lurv the Listamatic!

JBVisions on Aug 10, 2007

Listamatic is great for quick grabs. Stu's site (cssplay) has some really cool stuff on it but if you're into accessibility you need to be a bit careful as his bag is pushing the bounds of CSS not making it comply. Some pretty neat tricks on there though.

minienvelope on Aug 10, 2007

@tommy Thanks so much! These look like some really useful websites.

@tessa it was more like 2am for me.