Jump to:

17452 Posts in 4473 Topics by 1971 members

Archive

SilverStripe Forums » Archive » Center Navigation

Our old forums are still available as a read-only archive.

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

Page: 1 2
Go to End
Author Topic: 3362 Views
  • pixelwave
    Avatar
    Community Member
    18 Posts

    Re: Center Navigation Link to this post

    fail again ... ... i am sitting here now for a few hours ^^

  • grilldan
    Avatar
    Community Member
    135 Posts

    Re: Center Navigation Link to this post

    Maybe it has something to do with all the extra css you have for the "#Navgation ul li a" tags.

    If I could get a copy of your theme, I'd get it working for you.

  • pixelwave
    Avatar
    Community Member
    18 Posts

    Re: Center Navigation Link to this post

    just packed it...

    www.p-wave.eu/Bruecken_theme.rar

    ... if you get this working it would be AWESOME! =)

    (Theme Copyright by Denny Moritz // pixelWAVE STUDIOS)

  • grilldan
    Avatar
    Community Member
    135 Posts

    Re: Center Navigation Link to this post

    I apologize for the time, I had a client that needed some help on her website.

    Change the code to this:

    #Navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
       }
       #Navigation ul li {
          display: inline;
          line-height: 2.8em;
          }
          #Navigation ul li a {
             font-weight: 500;
             text-decoration: none;
             display: inline-block;
             height: 2.3em;
             font-size: 1.2em;
             padding: 0 0 0 10px;
             background: url(../images/seperator.gif) no-repeat left top;
             color: #666;
             }

  • pixelwave
    Avatar
    Community Member
    18 Posts

    Re: Center Navigation Link to this post

    AWESOME MAN!!! ... worked PERFECT!

    i had to do 1 additional tweak, because hover effect wasn't correct anymore..

    #Navigation ul {
       margin: 0;
       padding: 0;
       list-style: none;
       text-align: center;
       }
       #Navigation ul li {
    display: inline;
    line-height: 2.8em;
          margin: 0 auto;
          list-style: none;
          margin: 0 -2px;
          line-height: 2.8em;
    /**      display: block;**/
          }
          #Navigation ul li a {
             font-weight: 500;
             text-decoration: none;
             display: inline-block;
             height: 2.3em;
             font-size: 1.2em;
             padding: 0 0 0 10px;
             background: url(../images/seperator.gif) no-repeat left top;
             color: #666;
             }
          #Navigation ul li a span {
             text-align: center;
        float: left;
             padding-right: 10px;
             height: 2.3em;

          }

    "margin: 0 -2px;" and "padding: 0 0 0 10px;" ... but now everything works pretty damn good!

  • grilldan
    Avatar
    Community Member
    135 Posts

    Re: Center Navigation Link to this post

    =) Always glad to help out wherever I can.

  • pixelwave
    Avatar
    Community Member
    18 Posts

    Re: Center Navigation Link to this post

    hey grilldan...

    ... could you maybe help me to solve the last prob i have... customizing the searchbar

    http://www.silverstripe.com/site-builders-forum/flat/168230

    3362 Views
Page: 1 2
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.