W3C HTML5 Validation problem fixed!

If you are encountering a W3C HTML5 validation error on the Latest Events module like the following code output, I have a fix for the 'geraint' layout view but it should work fine for all other views.

Validation Output: 5 Errors



    Error Line 940, Column 129: The width attribute on the table element is obsolete. Use CSS instead.



    …ing="0" cellpadding="0" align="center"><tr><td class="mod_events_latest_first"…



    ?

    Error Line 940, Column 129: The cellspacing attribute on the table element is obsolete. Use CSS instead.



    …ing="0" cellpadding="0" align="center"><tr><td class="mod_events_latest_first"…



    ?

    Error Line 940, Column 129: The cellpadding attribute on the table element is obsolete. Use CSS instead.



    …ing="0" cellpadding="0" align="center"><tr><td class="mod_events_latest_first"…



    ?

    Error Line 940, Column 129: The align attribute on the table element is obsolete. Use CSS instead.



    …ing="0" cellpadding="0" align="center"><tr><td class="mod_events_latest_first"…



    ?

    Error Line 940, Column 129: The border attribute on the table element is obsolete. Use CSS instead.



    …ing="0" cellpadding="0" align="center"><tr><td class="mod_events_latest_first"…

In the latest.php file, find this line:

$content .= '<table class="mod_events_latest_table" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">';

Change it to:

$content .= '<table class="mod_events_latest_table" style="width:100%;border:0;margin-left:auto;margin-right:auto;border-spacing:0;border-collapse:collapse;">';

This will fix the validation problem and your latest event module will still display properly. Hopefully, Geraint will get this changed for 'all views'.