Just here for a little rant today... I've been tasked with attempting to re-style some new web forms software we're going to be using to fit in with the college look.
This should be a simple thing to do, even with the HTML pages being created by code we have no input into.
But then you look at the HTML they are generating...
This is a typical button in one form:
Code: Select all
<tr id="trButtons" class="button-bar-form">
<td style="text-align:center" align="center">
<table class="tblButtons" cellspacing="0" cellpadding="0" align="center">
<tbody><tr>
<td>
<table cellspacing="0" cellpadding="1">
<tbody><tr>
<td id="tdSubmit">
<input type="button" value="Send" id="btnSubmit" name="btnSubmit" onclick="SubmitForm(3)" class="Button">
</td>
</tr></tbody>
</table>
</td>
</tr></tbody>
</table>
</td>
</tr>
And yes, all this is from within a table, nested inside another table!
It has stylesheets loading from the companies website, along with a stylesheet in the header that we can modify, but it also has inline styles on nearly every element in the web page!!
Are they deliberately writing this so it is as difficult as possible to change the look of it?
This is the form in a nutshell:
Code: Select all
Form header
Text for comment or an explanation.
Subtitle 1
Question 1 Input field
Question 2 Option 1
Option 2
Option 3
Subtitle 2
Question 3 01/01/2001 Select from calendar mm/dd/yyyy
Send
