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.

General Questions /

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

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

Footer Navigation


Go to End
Reply


3 Posts   1234 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/