Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    msn
    msn is offline
    New to the CF scene
    Join Date
    Mar 2012
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Problem which will be simple fix

    I have a simple website that I am making for a school project, and I am having a very small problem with my nav menu, the problem I am having is the my .line class isn't extending to the top of my nav menu, I have tried multiple different solutions but nothing has worked as of yet, I hope someone can help thanks.

    <html>
    <head>
    <LINK REL=StyleSheet HREF="style.css" TITLE="style">
    </head>
    <body><center>
    <div id="bannerbg">
    DOGS ARE US
    </div>
    <div id="nav">
    <ul>
    <li><a href="index.html"> Home </a></li>
    <li><a href="breeds.html"> Breeds </a></li>
    <li class="line"><a href="contact.html"> Contact Us </a></li>

    </ul>
    </div>
    <div id="bodytxt">
    </div>
    <div id="footer">
    Copyright &copy; 2012 Hudson Armstrong
    </div>
    </center></body>
    </html>
    body {
    margin:0px;
    margin-right:0px;
    padding:0px;
    background-color:#57535A;
    background-size:100%;
    }


    #bannerbg {
    font-family:Synchro LET;
    font-size:72pt;
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#6E6358;
    border:6px solid #676767;
    }

    #nav {
    margin-top:50px;
    padding:0px;
    width:700px;
    background-color:#6E6358;
    border:1px solid #2E2B28;
    box-shadow:3px 3px 3px #252326;
    }

    #nav ul li{
    display:inline;
    margin:0px;
    padding:0px;
    }

    #nav ul li a {
    padding-top:17px;
    padding-bottom:17px;
    padding-left:50px;
    padding-right:50px;
    border-left:1px solid #2E2B28;
    text-decoration:none;
    color:black;
    }

    .line {
    border-right:1px solid #2E2B28;
    overflow:visible;
    }

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

    #bodytxt {
    margin-top:10px;
    width:700px;
    height:800px;
    background-color:#6E6358;
    border:3px solid #676767;
    border:1px solid #2E2B28;
    box-shadow:3px 3px 3px #252326;
    }

    #footer {
    margin-top:20px;
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
    background-color:#6E6358;
    border-top:3px solid #676767;
    }

  • #2
    New to the CF scene
    Join Date
    Mar 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hay i see you are new here! try this fix
    input[type="text"]:focus {
    outline: none;
    }

  • #3
    msn
    msn is offline
    New to the CF scene
    Join Date
    Mar 2012
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by ProCoderlol View Post
    Hay i see you are new here! try this fix
    input[type="text"]:focus {
    outline: none;
    }
    Seems like you're VERY new here.
    Can anyone help?

    Thanks.

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,859
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Try
    Code:
    *{
    margin:0;
    padding:o;
    }
    body {
    margin-right:0px;
    background-color:#57535A;
    background-size:100%;
    }
    #nav {
    margin-top:50px;
    padding:0px;
    width:700px;
    background-color:#6E6358;
    border:1px solid #2E2B28;
    box-shadow:3px 3px 3px #252326;
    overflow:auto;
    brder-collapse:collapse;
    }
    
    #nav ul li{
    float:left;
    list-style:none;
    line-height:40px;
    border-left:1px solid #2E2B28;
    
    }
    
    #nav ul li a {
    height:40px;
    display:block;
    padding-left:50px;
    padding-right:50px;
    text-decoration:none;
    color:black;
    }
    
    .line {
    border-right:1px solid #2E2B28;
    }
    PS: Add a valid DOCTYPE at the top. I'd recommend the HTML strict one or the HTML5 doctype.

    Don't ever use deprecated tags like center,font etc.
    Last edited by abduraooft; 03-13-2012 at 12:16 PM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •