I just finished working on a project and while I was in the final testing phase, I realized that there were some check boxes in a form that were not displaying correctly in IE. I found a few answers on Google but, these did not fit to my CSS styling properties and I needed a quick fix without redoing a bunch of CSS.
So, I came up with a simple solution of adding a class to the check boxes.
Here is the my form. Just a list of the days of the week. I need them to display one below the other.
<form id=”stylized” name=”email_reminders” method=”post”>
<label for=”repeat_sunday”>Repeat:</label>
<input type=”checkbox” name=”repeat_sunday” value=”1″ />Sunday<br /><label for=”repeat_monday”> </label>
<input type=”checkbox” name=”repeat_monday” value=”2″ />Monday<br /><label for=”repeat_tuesday”> </label>
<input type=”checkbox” name=”repeat_tuesday” value=”3″ />Tuesday<br /><label for=”repeat_wednesday”> </label>
<input type=”checkbox” name=”repeat_wednesday” value=”4″ />Wednesday<br /><label for=”repeat_thursday”> </label>
<input type=”checkbox” name=”repeat_thursday” value=”5″ />Thursday<br /><label for=”repeat_friday”> </label>
<input type=”checkbox” name=”repeat_friday” value=”6″ />Friday<br /><label for=”repeat_saturday”> </label>
<input type=”checkbox” name=”repeat_saturday” value=”7″ />Saturday<br /></form>
The other day, my husband and I had an argument over CSS and Table based layouts for web pages. His point was that tables are more easier to predict and give a structure to the website where as with CSS it is rather difficult to achieve this. I think it is true to some extent. I used to design websites with tables before I learnt CSS. Now, I don’t think I would ever go back to table layouts entirely. Here are some reasons why CSS based layouts are better.
File Size:
The file size with CSS based layouts is smaller which helps in faster loading of the site. Table based layouts have a lot more tags that result in a larger file size. It has been found that CSS based layouts usually load 2-4 times faster than table based layouts. It also takes up less bandwidth. Some hosting providers charge based on the amount of bandwidth used. So, using CSS layouts helps lower those costs especially if it is a large site. Patrick Burt has some good suggestions to reduce file sizes with CSS.
Cheaper and faster redesign:
In CSS based design, the content of the website is separated from its visual appearance. External style sheets Read the rest of this entry »