Archive for CSS

How to Add Horizontal Padding to a Website for Mobile Devices

I recently completed a client’s website when an issue was brought to my attention. When viewing the full site on a mobile device (Android, iPhone, or iPad) the site extended to the corners of the screen. There was no padding on the left or right of the site which looked awkward with parts of the [...]

Read more

Firefox and CSS Attribute Selectors for “style”

While creating a script to hook into the template of an existing website, I decided to use the attribute selector feature of CSS. This powerful feature allows you to select specific elements of the page, based on certain attributes (i.e. style, title, id, class, etc.). The attribute selector worked as expected in Chrome, however I [...]

Read more

Legend HTML Tag Word Wrapping Problem

There is an issue with the way Firefox 3 and 4 handles a long string of text in the HTML form tag “Legend”. With a long string of text in the legend, the element will completely ignore any width property associated with it. The only way to break a line in the legend element is [...]

Read more