Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to remove the arrow mark that appears in css horizontal menu??

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #44210
    goddy
    Member

    I have created a css horizontal menu, it works fine but a right arrow appears in between each menu, can some one pls guide me???

    #132266
    yoyo
    Participant

    post your code or else create a pen at [codepen](http://codepen.io/ “codepen”) that demostrates your problem

    #132271
    goddy
    Member

    HTML CODE:

    CSS CODE:

    #menu{
    width:675px;
    list-style:none;
    margin:0;
    padding-top:21px;
    margin:0 auto;
    }

    #menu li{
    float:left;
    margin:0;

    }

    #menu li a{
    display:block;
    text-indent: -9999px;
    overflow: hidden;
    height:44px;

    }

    #menu li#read a{
    background: url(images/read.png) no-repeat;
    width:116px;

    }

    #menu li#speaking a{
    background: url(images/speaking.png) no-repeat;
    width:116px;

    }

    #menu li#writing a{
    background: url(images/writing.png) no-repeat;
    width:116px;

    }

    #menu li#grammar a{
    background: url(images/grammar.png) no-repeat;
    width:116px;

    }

    #menu li#vocab a{
    background: url(images/vocab.png) no-repeat;
    width:116px;

    }

    #menu li#read a:hover{
    background: url(images/read_ro.png) no-repeat;
    }
    #menu li#speaking a:hover{
    background: url(images/speaking_ro.png) no-repeat;
    }
    #menu li#writing a:hover{
    background: url(images/writing_ro.png) no-repeat;
    }
    #menu li#grammar a:hover{
    background: url(images/grammar_ro.png) no-repeat;
    }
    #menu li#vocab a:hover{
    background: url(images/vocab_ro.png) no-repeat;
    }
    .clear{
    clear:both;
    }

    #menu li#read a.current{
    background: url(images/read_ro.png) no-repeat;
    cursor:default;
    }

    #menu li#speaking a.current{
    background: url(images/speaking_ro.png) no-repeat;
    cursor:default;
    }
    #menu li#writing a.current{
    background: url(images/writing_ro.png) no-repeat;
    cursor:default;
    }

    #menu li#grammar a.current{
    background: url(images/grammar_ro.png) no-repeat;
    cursor:default;
    }
    #menu li#vocab a.current{
    background: url(images/vocab_ro.png) no-repeat;
    cursor:default;
    }

    #132274
    Paulie_D
    Member

    Unfortunately, without the images it’s going to be hard to help.

    Do you have a link?

    #132276
    CrocoDillon
    Participant

    My best guess is that the arrow is in those images.

    #132278
    Paulie_D
    Member

    >My best guess is that the arrow is in those images.

    Ditto.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.