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, simon_w

Footer Navigation


Reply

3 Posts   1074 Views

Avatar
gervel

29 May 2011 at 2:32am Community Member, 4 Posts

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

1 June 2011 at 12:27am Community Member, 4 Posts

:( no one can help?

Avatar
moloko_man

1 June 2011 at 3:34am Community Member, 72 Posts

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/