Adding a new menu bar to a stylesheet

  • Hey guys, I was wondering if anyone could help me.

    I’m trying to add an extra menu bar to my stylesheet.

    Original site: Link
    How I want it to look: Mockup

    After playing around yesterday I did manage to get the menu across the top although it pushed the left sidebar to the bottom of the page! So I’ve reverted it back to it’s original working state for the time being ??

    Can anyone help me? In theory this task shouldn’t be too difficult but it seems to have me beat!

    Thanks in advance,

    Kyle

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Spudgun21

    (@spudgun21)

    *bump*

    ??

    Hi
    I think i can help you for adding new menu bar to a stylesheet.
    The first step is to copy the following stylesheet code and save it as bmenu.css.
    body {margin:0; padding:0;}
    #nav ul {margin:0; padding:0;list-style: none;
    position:absolute; border: 1px solid #ccc;
    background-color:#99f; width:100%;}
    #nav li {float: left; width: 10em; height:1.2em;}
    #nav li a {color:#fff; text-decoration:none;}
    #nav div {position:relative; top:1.3em; height:2em;}
    #nav div ul {display:none;}
    After this you can modify this code so the menu looks the way you want.
    To apply this stylesheet to the menu we link it into the head of our web page.
    <link rel=”stylesheet” href=”bmenu.css” type=”text/css” />
    I hope that your query will solve.
    [link moderated]

    Thread Starter Spudgun21

    (@spudgun21)

    I have done what you said – I’ve tried making a seperate file (bmenu.css) and also implementing the #bmenu into the style.css file; although when it comes to calling this code, it doesn’t seem to make any difference (the menu just appears at the top of the page, above everything else, when I place it in the header)

    Sorry to be a pain, but could you provide full step by step instructions on how to go about adding this menu bar in?

    I’m using the Star-Brite theme if that’s any help!

    Thanks again,

    Kyle

    Thread Starter Spudgun21

    (@spudgun21)

    *bump again* ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adding a new menu bar to a stylesheet’ is closed to new replies.