I always have trouble with lists, especially spacing. An example is our
homepage http://www.tusculum.edu. The list under "Calendar Highlights"
appears differently in Firefox than in IE6/7. Believe it or not, I want
Firefox to look like IE6/7. I want less "space" between the menu items in
Firefox, but I don't know what to change to make it happen. Because the CSS
is spread out over two files, I've pasted the relevant code below. Thanks
for any insight.
<code>
.eventclass
{
width:247px;
margin:0;
padding:0;
background-color:#ffffff;
}
.eventclass ul
{
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-weight:normal;
font-size:11px;
line-height:14px;
margin: 0px 0px 0px 24px;
padding: 5px 3px 4px 8px;
list-style-image:url(/images/front/tcdate.gif);
list-style-position:outside;
display: block;
}
.eventclass li
{
margin:2px 2px 0px 6px;
padding: 5px 2px 4px 2px;
}
.eventclass a:link
{
color:#000000;
text-decoration:none;
}
.eventclass a:active
{
color:#000000;
text-decoration:none;
}
.eventclass a:visited
{
color:#000000;
text-decoration:none;
}
.eventclass a:hover
{
color:#444444;
text-decoration:underline;
}
</code>
------
Travis Crabtree
Webmaster
Tusculum College
phone: 423.636.7300 ext. 5132
fax: 423.636.7492
email: [EMAIL PROTECTED]
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
