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've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

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   1607 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/