Forums

Why won`t the list style in the sidebar hover all the way to the left? (2 posts)

  1. kjagen
    Member
    Posted 2 years ago #

    example
    http://www.kjagen.com/iron-maiden/tour_reports/stockholm-06/

    #sidebar {
    background:#F0F0F0 url(img/main_shadow.gif) top repeat-x;
    width:300px;
    float:right;
    font-size:95%;
    line-height:145%;
    overflow:hidden;
    padding-top:35px;
    }
    #sidebar li {
    background:url(img/icons.gi) 0 -560px no-repeat;
    background-color: #E0E0E0;
    border-bottom:1px solid #ccc;
    margin-right:10px;

    padding-left:10px;
    list-style:none;
    font-size:12px;
    margin-top:0px;
    /*font-size:95%;*/
    }

    #sidebar li a:hover{

    background-color: #ccc;

    list-style:none;
    font-size:12px;
    margin-top:0px;
    /*font-size:95%;*/
    }

  2. alchymyth
    The Sweeper
    Posted 2 years ago #

    there is a padding-left:10px in the style.css:

    #sidebar li {
    	background:url(img/icons.gi) 0 -560px no-repeat;
    background-color: #E0E0E0;
    line-height:20px;
    border-bottom:1px solid #ccc;
    margin-right:5px;
    	padding-left:10px;
    list-style:none;
    font-size:12px;
    	margin-top:0px;
    	/*font-size:95%;*/
    }

    take that line out and add a new declaration to the style.css:

    #sidebar li a {
    padding-left:10px;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic