Forums Get help. Give help.

Trouble aligning my navbar - newbie
  • petenorrispetenorris February 22
    I am having trouble aligning the
      to the left hand side of the container.Hopefully by looking at the following code in a browser, it will make more sense.Thanks<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Pulling my hair outaside { width:288px; height:269px; background-color:#999999;}nav { background-color:#066; width:288px;}nav ul { list-style:none;}nav ul li a{ width:288px; display:block; color:#fff; line-height:53px; background-color:#8989d8; margin-bottom:1px; font: Verdana, Geneva, sans-serif;}nav ul li a:hover{ background-color:#898989;}
    • Home
    • link1
    • link2
    • link3
    • link4








  • petenorrispetenorris February 22
    whoops!, I didn't know it was ghoing to do that.... I'll try again:

  • petenorrispetenorris February 22
    looks like I can't post code into this thing :(


  • petenorrispetenorris February 22
    Oh, I see... you can press the 'edit' button above the post to see the code :)
  • SenffSenff February 22
    We can't click the EDIT button to see the source of your post. You should post your code like this:

    <pre><code>
    Put all kinds of code here....
    </code></pre>
  • petenorrispetenorris February 22
    Great, thanks Senff


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



    Pulling my hair out



    aside {
    width:288px;
    height:269px;
    background-color:#999999;
    }

    nav {
    background-color:#066;
    width:288px;
    }

    nav ul {
    list-style:none;
    }

    nav ul li a{
    width:288px;
    display:block;
    color:#fff;
    line-height:53px;
    background-color:#8989d8;
    margin-bottom:1px;
    font: Verdana, Geneva, sans-serif;
    }

    nav ul li a:hover{
    background-color:#898989;
    }









    Home
    link1
    link2
    link3
    link4









  • petenorrispetenorris February 22
    Aaaargh! it still renders the html :( I'll try comments



  • petenorrispetenorris February 22

    aside {
    width:288px;
    height:269px;
    background-color:#999999;
    }

    nav {
    background-color:#066;
    width:288px;
    }

    nav ul {
    list-style:none;
    }

    nav ul li a{
    width:288px;
    display:block;
    color:#fff;
    line-height:53px;
    background-color:#8989d8;
    margin-bottom:1px;
    font: Verdana, Geneva, sans-serif;
    }

    nav ul li a:hover{
    background-color:#898989;
    }





    [div id="contentWrap" class="wrapper"]





    [/div]


  • petenorrispetenorris February 22
    Forget it :(
  • SenffSenff February 22
    OK, relax. First, try editing your post until your happy instead of posting new ones.

    Second, make sure that the code you post here is actually what you use on your site. I doubt your actual site doesn't have an actual HEAD declaration and contains "Pulling my hair out" right after the doctype.
  • petenorrispetenorris February 22
    Thanks Senff, understood. I have copied my entire pages markup, but the forum still renders the
      bit.
  • petenorrispetenorris February 22
      bit 



Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In Apply for Membership

Tips

Just some helpful hints to get the most out of the forums.