Hi, i'm pretty new to drupal, and im building my first site with it.

It's coming along very nicely but, im having 1 minor problem as of right now.

I want to have a footer menu but the theme i'm using appears to display the menu vertically as it does when it's put on the left or right sidebars.

I want to display the menu horizontally and in the center.

I hope i explained this clear enough, im just curious how i would go about changing the code, or where i can even find that code in the theme to make appropriate adjustments.

Thanks alot!

Comments

alexrayu’s picture

Clay, the menus go as ul's and li's. Use the CSS to make the list display as inline elements and then center them in the container like this:


div.footer-menu {text-align:center;}
ul li {display:inline;}

______________________
Alexei Rayu, Web Designer and Developer
SpryDev, Austin TX, Search Engine Marketing
WE GUARANTEE WEB PROFITS
http://www.sprydev.com/design-gallery

ClayTrainor’s picture

excellent, thank you.

Figured it out :D

rubeuspotter’s picture

Hello, I'm pretty new with Drupal too, and I have the same problem, but I don't know how to put these two lines:

div.footer-menu {text-align:center;}
ul li {display:inline;}

I'm using Aberdeen theme, and in my css files I don't find any place where I can put these two lines.

Could you help me?

Thank you very much,

Potter.

PixelClever’s picture

You would use CSS for this. I recommend that you install the web developer tool and firebug for firefox so that you can see which elements need to be changed. The gist of the matter is that you have an unordered list with links inside of the list items. There is a lot of information about styling unordered list on the web if you google it.

Drupal Theming and site design http://www.translationdesigns.com
My music and Blog http://www.waitingforthestorm.com

Mark Linden’s picture

In a related question, what's the correct way to disable the automatic indenting of listed menu item?

Right now, it displays as such:

Footer Links
* terms of use
* privacy policy
* etc..
(bullets & indenting for each item as expected)

I'd like it to have no indenting and no bullets, such that the display is:

Footer Links
terms of use
privacy policy
etc..

How can i get rid of this extra indent so that my footer links are truly centered? do i override the ul li definition in my css or ?

My goal is to have a footer menu navigation that is centered correctly (and also add the logic for the pipes)

<center>advertise | terms of use | contact | privacy policy</center>

I'm using 5.7 with the latest MyDrupal Universal theme.

Mark Linden’s picture

I'll just do it the easy way:

admin->settings->site-information->Footer message:

<div class="" style="padding: 2px;">
<font size="-1">
©2008 ExampleSite -
<a href="/">Home</a>
|
<a href="/ads/">Advertising</a>
|
<a href="/privacy/">Privacy Policy</a>
|
<a href="/terms_use/">Terms of Use</a>
</font>
</div>
Jeff Burnz’s picture

eekkkk, are you seeing what I am seeing?

<font size="-1">...</font>

My god, I haven't seen one of "those" since about 1999...

Mark Linden’s picture

I actually grabbed that code from www.google.com's footer menu (Firebug reveals all - except for php, right?)

I blame my bad habits on Xerox's CompuSet, but that's another story! :)

piyushsharma7331’s picture

gr8.....
thanks its working....
but now i have to call different- different story with these links.
how
-
Home
|
Advertising
|
Privacy Policy
|
Terms of Use

how its possible

Drupal.php’s picture

Hi guys,

I need help on this,I am newbie to drupal.How can we create footer in application?
Right now i don't have any footer in my application.I want to use the footer with the primary links which i am already using in my application.I want to use same primary links to be used in footer also.It;s very urgent.
Could please somebody tell me how to do this..

Thanks
sudhakar