0 Replies Latest reply: Jan 15, 2009 9:46 AM by x_defect RSS

    Customizing a Spry drop-menu

    x_defect Community Member
      I'm experimenting with the Spry horizontal menu widget and trying to customize it. Basically, I have four main categories in the menu, and all I'm attempting to do is put a border on the right edge of each cell so it appears to have dividing lines between the text, something like this:

      Item 1 | Item 2 | Item 3 | Item 4

      however I tried to set border-right styles in the css but it doesn't seem to do anything. here's where I was changing it and what I added. What am I doing wrong?:


      /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
      ul.MenuBarHorizontal
      {
      margin: 0;
      padding: 0;
      list-style-type: none;
      font-size: 100%;
      cursor: default;
      width: auto;
      border-right-color:#FFFFFF;
      border-right-style:solid;
      border-right-width:thick;
      }