indivi

It seems to me that there is likely an easy and simple way to do this, and I’m just failing to grasp it. If it’s using the float function, what do I need to change?

As you can see in the current code, I’m using the float function to get them on the same line with each other, but I’m unable to get all five buttons to mingle together and be centered on the page.

Thanks so much! I knew it was something simple, and that does it. You have my gratitude. ??

Any suggestion for how to insert rollover buttons in my menu would be highly appreciated as well, even if it involves using a different approach than my current one.

Bump! I will put the code live at anyone’s request.

I am still experiencing this problem. I took out the code for now so my menu doesn’t display in a broken fashion, but if someone would like to take a look at it, I’ll put it back in so you can see.

The live site is currently displaying the issue. Thanks in advance for further suggestions. : )

I’ve installed Firebug, but I’m still uncertain as to what’s causing the break to occur.

Ah, I see! The link is https://www.brawlinthefamily.com, and I’ve put the code in for the “archives” button now.

Thanks a ton for your assistance!

Thanks for the reply. I apologize for not quite being clear enough with the issue, so here are some images to demonstrate.

This is the rollover image:
https://www.brawlinthefamily.com/images/archive.jpg

If I change the second value for background-position, the rollover no longer works, and it doesn’t solve the vertical issue, I’m afraid.

This is what I want it to look like:
https://www.brawlinthefamily.com/images/correct.jpg

This is what it looks like when the HTML is inserted:
https://www.brawlinthefamily.com/images/incorrect.jpg

The rollover works, it just breaks the menu.