Developer forum

Forum » Templates » li elements with unwanted whitespace

li elements with unwanted whitespace


Reply

Hi!


 


On this page I have just made a new menu on the left: http://karanoveren.dk/Default.aspx?ID=564


 


But the spacing between the li elements is to big! The stylesheet looks like this:


 


<<***Default.css***>>


@import url(navigationKaranoverenLeftMenu.css);


*{

 margin:0px;

 padding:0px;

}


html,body{

 height:100%;

 margin:0px auto;

}


.omegamenuleft ul, .omegamenuleft li{

list-style:none;

}


 


<<***navigationKaranoverenLeftMenu.css***>>


li a{

 color:#000000;

        background:transparent url(/files/Navigation/NavBg_InAkt.gif) no-repeat top left;

 display:block;       

        text-decoration:none;

        line-height:28px;

        padding-left:15px;

}


li a:hover, li a.inpath{

 color:#000000;

        background:transparent url(/files/Navigation/NavBg_Akt.gif) no-repeat top left;

 display:block;

        text-decoration:none;

}


.M2 a{

        background:transparent url(/files/Navigation/NavPil_InAkt.gif) no-repeat center left;

}


.M2 a:hover, .M2 a.inpath{

        background:transparent url(/files/Navigation/NavPil_Akt.gif) no-repeat center left;

}


Replies

 
Reply

Hi Martin


 


Try this:


 


.omegamenuleft ul, .omegamenuleft li{



list-style:none;


float: left;


width: 100%;

}

 
Reply
Of course! *DOH*



(btw did you know IE has a tool like FireBug? IE developer toolbar http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en)
 
Reply

Yes, I know of the add on for IE.  But then again it's not as good as firebug at all.


IE bites the dust ... again. ;)


 


// Dammark

 

You must be logged in to post in the forum