Styling Issue on Main View

[schug_trent]

I am having a styling issue on my main calendar view. The titles of the events, which are also links, seem to have a large line height or something. There is way too much space between each line..

Can anyone give me a quick css fix for this. here is the link http://stcroixadvantage.com/events?task=view_month&year=2009&month=06&day=17

Thanks in advance!

[Geraint]

The Firebug addon for Firebox is an excellent tool for diagnosing and fixing this type of problem.

[schug_trent]

Still can't seem to figure it out...Any help would be appreciated.

Source code the browser renders:

Code: Select all

 
 <td class="cal_td_daysnoevents" style="height: 80px;" valign="top" width="14%">
      <a class="cal_daylink" href="http://stcroixadvantage.com/events?task=view_day&amp;year=2009&amp;month=06&amp;day=24" title="Go to calendar - current day">24</a>
                    <div style="border: 0pt none ; width: 100%;">
                             <div style="padding: 0pt; background-color: rgb(51, 102, 255); color: rgb(255, 255, 255); width: 100%;" onmouseover="return overlib('<table border=&quot;0&quot; width=&quot;100%&quot; height=&quot;100%&quot;><tr><td><b>From: </b>Tuesday, June 23 2009 <br /><b>To: </b>Saturday, June 27 2009<br /><b>Time: </b>8:00am - 5:00pm<br /><small><em>Multiday event</em></small><hr /><small>Click to open event</small></td></tr></table>', CSSOFF, FGCLASS, '', BGCLASS, '', TEXTFONTCLASS, '', CAPTIONFONTCLASS, '', CLOSEFONTCLASS, '', CAPTION, 'Stillwater Lubmberjack Days', ABOVE, FGCOLOR, '#FFFFE2', BGCOLOR, '#3366FF', CAPCOLOR, '#FFFFFF', SHADOW, SHADOWCOLOR, '#999999', AUTOSTATUSCAP, DELAY, '20');" onmouseout="return nd();"><a class="cal_titlelink" href="http://stcroixadvantage.com/events?task=view_detail&amp;agid=2&amp;year=2009&amp;month=06&amp;day=24" style="font-size: 9px;">Stillwater Lubmberja ...</a>

</div>
</div>
                    </td>


CSS:

Code: Select all

.cal_td_daysnoevents {
    background-color: #D6D6F5;
    padding:0px !important;
}
a.cal_daylink:link {
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
a.cal_daylink:visited{
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
a.cal_daylink:hover{
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: Red;
    text-decoration: none;
}
a.cal_titlelink:link, a.cal_titlelink:visited, a.cal_titlelink:hover {
    font-size:10px;
    font-weight: normal;
    font-family: Verdana;
    text-decoration: none;
    color:inherit!important;
    display:block;
    margin-bottom:1px;
}