When I add a menu (with 4 items) into the footer I always get a vertical menu that looks like this:

Item 1
Item 2
Item 3
Item 4

What I would like is a footer that looks like this (centered on page if possible):

Item 1 Item 2 Item 3 Item 4

How do I change it? What CSS page do I have to edit?

King regards,

Paul.

Comments

bengtan’s picture

Status: Active » Fixed

Try appending the following to the bottom of tma.css:

#footer ul.menu {
text-align: center;
}

#footer ul.menu li {
display: inline;
}

#footer ul.menu li a {
display: inline;
}

However, I haven't tested this on IE6 or other browsers. So if it doesn't work on those, you'll have to tweak it yourself.

paul_constantine’s picture

Thank you.

That worked out super and helped me to understand the CSS a bit more.

Paul.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.

krunal.rasik’s picture

where can you find tma.css?

wammz’s picture

Guys,

I'm relatively new in drupal and would like to make a menu that looks bigger ,just like the white house site (http://www.whitehouse.gov/).Does it involve reusing the primary menus in the footer region?

Your help will be appreciated.

TheDoctor’s picture

Hello- I too am trying to structure my footer as the White House & now this site has done since their re-design. Can anyone point me to a HOW-TO?

Jason Brain’s picture

The footer map module could be your answer:
http://drupal.org/project/footermap