Spacing between list-style-type:none items
Hi,
I have tried everything and cannot figure out why I can't reduce the space between each of the lines http://jaxpubliclibrary.org/res/sites/e-gov.html
If there was a little less space between the lines, it would fit in one screen.
CSS:
#e_gov a:hover {
background-color: #ffffff;
text-decoration:underline;
font-size:12px;
color:#000;
}
#e_gov a {
color:#000000;
}
#e_gov a:link {
font-size:12px;
color:#000;
}
#e_gov ul {list-style-type:none; margin:0px 0px 0px 0px; padding:0px; border:0px solid #000000; }
#e_gov li {float:left; font-weight:bold; font-size:12px; color:#000000;}
li.gov { border-style:solid; border-color:#000000; border-width:2px;}
.list_linegov li { margin:0px 5px 0px 5px; background-color:#93d19a; color:#000000;}
div.list {
margin-top: 1px;
margin-bottom: 1px;
}
Part of the Page HTML:
<div id="e_gov">
<ul class="list_linegov" align="center">
<li class="gov" style="width:22%; text-align:center; padding-bottom:7px; padding-top:7px;"><a href="http://www.coj.net/default.htm" title="City of Jacksonville" target="_blank">City of Jacksonville</a></li>
<li class="gov" style="width:22%; text-align:center;"><a href="http://www.coj.net/I+want+to/default.htm" title="Frequently Requested Services" target="_blank">Frequently Requested Services</a></li>
<li class="gov" style="width:22%; text-align:center; padding-bottom:7px; padding-top:7px;"><a href="http://www.myflorida.com/accessflorida/" title="Food Stamps" target="_blank">Food Stamps</a></li>
<li class="gov" style="width:22%; text-align:center; padding-bottom:7px; padding-top:7px;"><a href="http://www.floridajobs.org/unemployment/uc_emp_claims.html" title="Unemployment" target="_blank">Unemployment</a></li>
</ul>
<div style="clear:left"></div>
<div id="e_gov" class="list">
<ul class="list_linegov" align="center">
<li class="gov" style="width:22%; text-align:center;"><a href="http://www.flhsmv.gov/html/titlinf.html" title="Car Registration/Driver's License" target="_blank">Car Registration/Driver's License</a></li>
<li class="gov" style="width:22%; text-align:center;"><a href="http://www.dcf.state.fl.us/programs/childcare/licensing.shtml" title="Department of Children & Families" target="_blank">Department of Children & Families</a></li>
<li class="gov" style="width:22%; text-align:center;"><a href="http://www.coj.net/Departments/Property+Appraiser/default.htm" title="Duval County Property Appraiser" target="_blank">Duval County Property Appraiser</a></li>
<li class="gov" style="width:22%; text-align:center;"><a href="http://www.duvalclerk.com/ccWebsite/" title="Duval County Public Records" target="_blank">Duval County Public Records</a></li>
</ul>
<div style="clear:left"></div>
</div>
<div id="e_gov">
<ul class="list_linegov" align="center">
<li class="gov" style="width:22%; text-align:center;"><a href="http://www.duvalschools.org/" title="Duval County Public Schools" target="_blank">Duval County Public Schools</a></li>
<li class="gov" style="width:22%; text-align:center; padding-bottom:7px; padding-top:7px;"><a href="http://www.fafsa.ed.gov/" title="FAFSA" target="_blank">FAFSA</a></li>
<li class="gov" style="width:22%; text-align:center; padding-bottom:7px; padding-top:7px;"><a href="http://www.flcourts.org/gen_public/family/forms_rules/index.shtml" title="Family Law Forms" target="_blank">Family Law Forms</a></li>
<li class="gov" style="width:22%; text-align:center;"><a href="http://www.usa.gov/" title="Federal Government Information" target="_blank">Federal Government Information</a></li>
</ul>
<div style="clear:left"></div>
Thanks for your help, Elbee
