Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Dec 2009
    Posts
    4
    Member #
    20518
    Hey guys I am quite new to css and unfortunately I have a problem I cant fix. I have horizontal navbar and for some reason I can only access the links but pushing the tab key until they are selected and then pushing enter. I saw somewhere else where someone had the same problem and the solution was to add clear: both; to the div. First off, I am not sure what div I would need to add that to. Second, I tried to add it to every one of my divs so might there be another solution? Here is my html and css:

    Code:
    <div id="navbar">
    <ul id="navlist">
    <li><a href="index.html">Home</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Projects</a></li>
    <li><a href="#">Donate</a></li>
    </ul>
    </div>
    Code:
    #navbar {
        margin-left: 315px;
        background-color:#121212;
        color: f0f0f0;
        margin-top: -55px;
        width: 500px;
        height: 45px;
        -moz-border-radius-topright: 6px;
        -moz-border-radius-topleft: 6px;
        -webkit-border-top-right-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -moz-box-shadow:7px 7px 15px #000;
        z-index: -100;
        position: absolute;
        -webkit-box-shadow: 7px 7px 15px #000;
        clear: both;
        
    }
    
    #navlist {
        float: left;
        color: #f0f0f0;
        margin-top: 10px;
        margin-left: -20px;
        z-index:500px;
        clear: both;
        
    }
    
    #navlist li {
        list-style:none;
        display:inline;
        color: #f0f0f0;
        font-size:24px;
        padding-right: 15px;
        font-family: TempsITC, Verdana, Geneva, sans-serif;
        clear: both;
        
    }
    #navlist ul {
        color: #f0f0f0;
        clear: both;
        
    }
    #navlist li a {
        color: #fff;
        text-decoration:none;
        font-weight:bolder;
        clear: both;
    }

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Give us a link to the actual website.


  4. #3
    Junior Member
    Join Date
    Dec 2009
    Posts
    4
    Member #
    20518
    It isnt hosted anywhere yet but it seems removing the absolute position from several of the divs solved the problem. I'm not sure how but it works now


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:12 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com