Jump to:

23459 Posts in 18906 Topics by 2877 members

General Questions

SilverStripe Forums » General Questions » Footer Navigation

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

Page: 1
Go to End
Author Topic: 1061 Views
  • gervel
    Avatar
    Community Member
    4 Posts

    Footer Navigation Link to this post

    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
  • gervel
    Avatar
    Community Member
    4 Posts

    Re: Footer Navigation Link to this post

    no one can help?

  • moloko_man
    Avatar
    Community Member
    72 Posts

    Re: Footer Navigation Link to this post

    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/

    1061 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.