This Year rain amount layout

[William Grimsley]

Hi there,

Is there any way I cant change the layout of this year and the rain rate column on my home page. When my rain rate goes above 10.0mm it shows the 10.00 then the mm below it! Same with this year if it goes above 10.00 or 100.00 it goes above.

Thanks

Will

P.S. This is just quite annoying.

[DaculaWeather]

The table cell for that column of data is only 59px wide, which is obviously not wide enough to display all of the characters without wrapping. Since you can't make the table wider, the only thing you can do is reduce the font size by maybe 1 px. It appears the font size is set for 96% for that area, you might be able to reduce that to 94% and that might work.

[saratogaWX]

It's all the browser trying to squeeze in text in the areas allotted for it to use.

Try changing your CSS to use a slightly smaller font size by changing

Code:

.ajaxDashboard {
    font-size: 96%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

to

Code:

.ajaxDashboard {
    font-size: 95%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

and see if that accomplishes what you want without distorting the output too much.

Layout annoyances are best dealt with by tweaking the CSS.  Be aware that finely-tweaked CSS may cause differing appearances on other browsers with other default settings for character size from normal.  I find it best to let the browser decide if it needs to wrap the text to make the display maintain it's content and not to get worked up over a minor alignment issue... but that's just me...

Best regards,
Ken

BTW.. try your CSS tweaks by using Firefox Web Developer plugin .. you can make changes and see what it looks like immediately .  Much faster than editing the CSS and uploading it to your site over and over again.