2 Replies Latest reply on Jan 16, 2013 2:21 PM by capt89

    Spry Menu Border not showing, please help?

    capt89

      Hi,

       

      New to this forum, so I would be grateful of some help.

       

      I am creating a horizontal spry menu bar, I am playing about with it at the moment and this is the code for the ul.MenuBarHorizontal li:

       

      ul.MenuBarHorizontal li

      {

                margin: 0;

                padding: 0;

                list-style-type: none;

                font-size: 100%;

                position: relative;

                text-align: left;

                cursor: pointer;

                width: 8em;

                float: left;

                border-top-width: 10px;

                border-right-width: 10px;

                border-bottom-width: 10px;

                border-left-width: 10px;

                border-top-color: #FF00FF;

                border-right-color: #FF00FF;

                border-bottom-color: #FF00FF;

                border-left-color: #FF00FF;

       

      The design view shows me that there is a border present (not the actual colour but a transparent 10px bored in design view) Then when I preview in browser it doesn't show anything at all, just normal- no border at all?

       

      I am pretty new to web design so simple terms would be much appreciated!

       

      Thanks in advance