Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We're retiring the forums!

The SilverStripe forums have passed their heyday. They'll stick around, but will be read only. We'd encourage you to get involved in the community via the following channels instead:

General Questions /

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

Footer Navigation


Go to End


3 Posts   1520 Views

Avatar
gervel

Community Member, 4 Posts

29 May 2011 at 2:32am

Hi I have a little problem about the footer navigation of my site.
The attached Image is what I what I want my site to look like.
I guess the css is the part where I got it wrong.

I would appreciate any help.
Thanks

Below is the code:

FooterNavigation.ss

<ul id="menu1bot"> 
<% control Menu(1) %> 
   <li id="menulist"> 
      <a href="$Link" id="footerlinks">$MenuTitle</a> 
   <% if Children %> 
      <ul id="menu2bot"> 
      <% control Children %> 
         <li><a href="$Link">$MenuTitle</a></li> 
      <% end_control %> 
      </ul> 
   <% end_if %> 
   </li> 
<% end_control %> 
</ul>

layout.css

....

#menu1bot{
list-style-type:none;
margin:0;
padding:0;
}
#menulist{
display:inline;
}
#menu2bot{
list-style-type:none;
margin:0;
padding:0;
}
...

Attached Files
Avatar
gervel

Community Member, 4 Posts

1 June 2011 at 12:27am

:( no one can help?

Avatar
moloko_man

Community Member, 72 Posts

1 June 2011 at 3:34am

You're correct, this is a css issue.

I would start by comparing your footer css to the css that the main nav uses.
Also there are plenty of resources out there that will teach/show you how to do this.

A quick google search offers lots of help.
http://www.google.com/search?hl=en&biw=1336&bih=866&q=css+horizontal+list&aq=0&aqi=g10&aql=&oq=css+hor

Here is a common resource:
http://www.htmldog.com/articles/suckerfish/dropdowns/