Horizontal Menu Troubles

He has: 578 posts

Joined: Jun 2004

http://madclassifieds.000k.net/zap/html/

I'm trying to get the menu item that says test to line up with the bar sticking out of the logo, and I've tried everything from absolute positioning to vertical-align and no margin. I just can't get it to line up and be right against the image!

Any ideas and help are appreciated.

KarenArt's picture

She has: 354 posts

Joined: May 2001

You're having problems because you have that element set as a list item, which is it's own block element with a margin that pushes it down.
You could try negative margins or (what I prefer) floating your image.

I would suggest studying and working through the examples at http://www.w3schools.com/css/css_examples.asp. It's best to know what the elements on your page use as default settings so you can adjust them as you want.

gotta finish redesigning my sites so I can show them again.

The purpose of education is... to get more jokes!

He has: 578 posts

Joined: Jun 2004

Ok, I got it fixed. I used a little of both (floated the image, and used negative margins, a little help from listamatic too!)

Thanks for the reference. (I didn't find anything there for the current problem)

Now the problem that I'm having is that in Mozilla, the menu bar goes down, but it looks fine in Opera (and IE, thanks for the box model hack, karen!). I can fix it, but then it looks messed up in Opera. Is there a way to serve different stylesheets to mozilla? I searched for something, but found nothing.

He has: 578 posts

Joined: Jun 2004

Ok, I got it fixed. I'm not quite sure how... a lot of trial and error!

He has: 1,758 posts

Joined: Jul 2002

Welcome to the world of CSS Positioning! Laughing out loud

He has: 578 posts

Joined: Jun 2004

I've been welcomed quite a few times before, it just seems that the world won't let me settle in, and has to give "freshman week" every time I come to see it.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.