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