Return to Snippet

Revision: 17647
at September 11, 2009 11:03 by KF


Initial Code
<ul id="nav">
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
</ul>

#nav { width: 100%; float: left; margin: 0 0 3em 0; padding: 0; list-style: none; }
#nav li { float: left; }
#nav {
        width: 100%;
        float: left;
        margin: 0 0 3em 0;
        padding: 0;
        list-style: none;
        background-color: #f2f2f2;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc; 
}

#nav li a {
           display: block;
           padding: 8px 15px;
           text-decoration: none;
           font-weight: bold;
           color: #069;
           border-right: 1px solid #ccc; 
}

#nav li a:hover {
                color: #c00;
                background-color: #fff; 
}

#nav {
        width: 100%;
        float: left;
        margin: 0 0 3em 0;
        padding: 0;
        list-style: none;
        background-color: #f2f2f2;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc; 
}
#nav li { float: left; }
#nav li a {
        display: block;
        padding: 8px 15px;
        text-decoration: none;
        font-weight: bold;
        color: #069;
        border-right: 1px solid #ccc; 
}
#nav li a:hover { color: #c00; background-color: #fff; }

Initial URL

                                

Initial Description

                                

Initial Title
basic Horizontal Nav

Initial Tags
css, navigation

Initial Language
HTML