0
Welcome Guest! Login
0 items Join Now

Horizontal menu dividers

    • Adamck's Avatar
    • Adamck
    • Elite Rocketeer
    • Posts: 546
    • Thanks: 2
    • Web Developer, IT Assistant, Graphics design, App Developer

    Horizontal menu dividers

    Posted 14 years 8 months ago
    • Hi Guys.
      Ok so i have a menu, with dividers all in css etc...
      It works great but how do i manage to get the last menu item to NOT have a divider??
      MENUITEM1 | MENUITEM2 | MENUITEM3 |

      I guess i can add extra css for an item with no divider but how do i apply this in joomla?
      #nav li a {display:block;padding:0 10px;line-height:30px;color:#fff;font-weight:bold;background-image: url(../images/divider.png);background-repeat: no-repeat;background-position: right;}
      #nav {height:46px;background:url(../images/menubg.png) repeat-x;z-index:1;position:relative;}
      #nav ul {margin:0px 0 0 15px;}
      #nav li {list-style:none;float:left;padding-top:7px;padding-left:3px;height:34px;width:130px;position:relative;text-align:center;}
      #nav li a {display:block;padding:0 10px;line-height:30px;color:#fff;font-weight:bold;background-image: url(../images/divider.png);background-repeat: no-repeat;background-position: right;}
      #nav li.active a {background:#fff;color:#7b7b7b;}
      #nav li a:hover, #nav li:hover a, #nav li.sfHover a {background:#7b7b7b;color:#F90;text-decoration:none;}
      #nav li ul {position:absolute;width:170px;left:-999em;margin-left:-1px;border:1px solid #006B9F;border-top:0;}
      #nav li ul ul {margin:-31px 0 0 170px;}
      #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left:-999em;}
      #nav li li {padding:0;height:auto;background:#fff;width:170px;}
      #nav li li a, #nav li li.active a, #nav li li a:hover {margin:0;height:30px;line-height:30px;background:#fff;border-top:1px solid #006B9F;color:#7b7b7b;}
      #nav li li a, #nav li.active li a {font-weight:normal;}
      #nav li:hover ul, #nav li.sfHover ul {left:4px;}
      #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul {left:0;}
       

      I notice the menu's in RT are the same, is this possibe to fix??
    • Kiss my RSS
  • Re: Horizontal menu dividers

    Posted 14 years 8 months ago
    • Adamck's Avatar
    • Adamck
    • Elite Rocketeer
    • Posts: 546
    • Thanks: 2
    • Web Developer, IT Assistant, Graphics design, App Developer

    Re: Horizontal menu dividers

    Posted 14 years 8 months ago
  • Re: Horizontal menu dividers

    Posted 14 years 8 months ago

Time to create page: 0.050 seconds