MDBitz Development Resources

Every day it seems more and more web developers seem to think that tables should not be used. Instead all we see now a days is style=”float: left” or style=”float:right”, even when all the developer is trying to do is create columns. Why do we need to complicate things. If you are creating multiple columns then use a table that is what it’s purpose is, and to top it off you don’t have to worry about how to clear your floats appropriately. For those that need a refresher course below is the basic structure for a 2 column table with its content vertical aligned at the top and not center of the column…

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="top">
        <!-- content for left column -->
    </td>
    <td valign="top">
        <!-- content for right column -->
    </td>
  </tr>
</table>

Now the next time you find yourself using floats, take a deep breadth and ask yourself should I be using a table for this?

Often when working on multiple projects and in various frameworks I find that the <em> and <i> tags in addition to <strong> and <bold> are used interchangeably.  After much confusion I finally went and looked up why both of these tags exists. As it turns out the <i> and <b> tags were created to denote a span of text that should be italicized or bolded respectively. While the <em> and <strong> tag were created to place emphasis on the text.

Before CSS the browser (User Agent) was responsible for how <em> and <strong> tags where rendered and it was not always guaranteed that <em> would be italic which is why <i> existed, the same goes for <strong> and <b>.

In today’s browsers it is common that both <em> and <i> as well as <strong> and <b> get rendered the same way in a browser unless a Cascading Style Sheet (CSS) exists for the Web Page that overrides the default styling. To be consistent in your own projects it is good practice to use <em> and <strong> as it can be utilized more effectively by Voice Synthesizer applications used by the visually impaired.