[CSS] Selected Link on Navigation

Status
Not open for further replies.

Tronscript

Member
Aug 18, 2012
93
8
I am trying to name the selected link be a different colored background, but it won't be filled like how I want it. It looks like this:
e6ff1722997695bca7ff94c3ae296523c992063fd2.png

I want it to look filled up (I'm talking about the "Home" link).
 

Sean

‫‫‫‫‫‫  ‫  Don't Worry, Be Happy
Dec 12, 2011
1,121
405
Well obviously you have not done properly you Nimrod. Don't be sarcastic with me Mr
 

Predict

Active Member
Jun 27, 2011
126
63
HTML:
<html>
    <head>
        <title>urm</title>
        <style>
            body
            {
                background-color:#EEE;
                margin:0;
                padding:0;
                font:11px Tahoma;
                color:#000;
            }
            a
            {
                color:blue;
                text-decoration:none;
            }
            a:hover
            {
                text-decoration:underline;
            }
            #shitty-navigation
            {
                background-color:#FFF;
                width:500px;
                margin:10px auto;
                border:1px solid #D4D4D4;
                border-radius:5px;
            }
            #shitty-navigation #shitty-navigation-container
            {
                margin:0;
                padding:10px;
                overflow:hidden;
            }
            #shitty-navigation #shitty-navigation-container li
            {
                padding:4px 8px;
                float:left;
                list-style:none;
            }
            #shitty-navigation #shitty-navigation-container li:hover
            {
                background-color:#CCC;
                border-radius:5px;
            }
        </style>
    </head>
    <body>
        <div id="shitty-navigation">
            <ul id="shitty-navigation-container">
                <li>
                    <a href="#">Shit</a>
                </li>
                <li>
                    <a href="#">Shit</a>
                </li>
            </ul>
        </div>
    </body>
</html>


Urm.
 
Status
Not open for further replies.

Users who are viewing this thread

Top