Forums

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

Home Forums CSS floating nav menu to the right

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #31479
    justint24
    Member

    Hi there, i’m struggling to float my nav menu to the right, here is the code i have thus far, please help.

    my website url is http://www.webbid.co.uk

    and the code –

    ul.dropdown,
    ul.dropdown li,
    ul.dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

    ul.dropdown {
    float: right;
    position: relative;
    z-index: 597;
    }

    ul.dropdown li {
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
    }

    ul.dropdown li.hover,
    ul.dropdown li:hover {
    position: relative;
    z-index: 598;
    cursor: default;
    }

    ul.dropdown ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 599;
    width: 100%;
    }

    ul.dropdown ul li {
    float: none;
    }

    ul.dropdown ul ul {
    top: 1px;
    left: 99%;
    }

    ul.dropdown li:hover > ul {
    visibility: visible;
    }

    Hope someone can help
    Thanks
    Justin

    #62949
    justint24
    Member

    Hi there ChristopherBurton thanks for your effort but that coding didnt work, it just makes the drop down menu visible instead of visible when hovered over.

    The menu itself works a treat just cant manage to get it on the right hand side of the page.

    Thanks again.

    #62859
    justint24
    Member

    Yes that worked, thank you.

    I didn’t notice the problem, feel a bit silly now.

    Thanks again.

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