CSS Archives - Belchamber Web Tools, AI Guidance & Code

Replacing HTML tables with CSS to improve responsive design

Aaron Belchamber — Wed, 08 Apr 2015 15:03:55 +0000

Many websites are still displaying HTML tables with those “<table><tr><td>” tags. The problem is, try loading a table that looks nice on your desktop computer onto a mobile device and chances are, parts of your table will no longer be visible on screen, or the table will resize and squish the content. Tables aren’t meant […]

The post Replacing HTML tables with CSS to improve responsive design appeared first on Belchamber Web Tools, AI Guidance & Code.

A CSS Z-Index rule and why it works sometimes and not others

Aaron Belchamber — Sat, 15 Mar 2014 13:37:46 +0000

In order for CSS z-index to work properly, the element you are applying the property to can only be “position:absolute” or “position:relative”. Though Firefox seems to ignore with a wink to the developer and assign z-indexes as intended, this is a common issue especially with older versions of Internet Explorer, IE 9 & IE 10 […]

The post A CSS Z-Index rule and why it works sometimes and not others appeared first on Belchamber Web Tools, AI Guidance & Code.

Center a Div and other HTML blocks

Aaron Belchamber — Wed, 26 Feb 2014 04:53:12 +0000

CSS can often be tricky. What do we need to do to get all those pesky browsers to show things the way we want?! Sometimes, I marvel at the patience of people who find out, after hours, just how to nudge something properly one way or get the body of text to flow and display […]

The post Center a Div and other HTML blocks appeared first on Belchamber Web Tools, AI Guidance & Code.