Blog Archives

CakePHP Zebra Striped Tables

The following code sample will add an ‘altrow’ class to every alternative row in a table with a minumum overhead. The code produced is compatible with the default cake.generic.css stylesheet: <?php foreach ($upcoming_events as $i=>$event) { ?> <tr<?php echo ($i

Tagged with:
Posted in CakePHP, CSS, PHP

Fix: Safari 1.1 Horizontal Scrollbar Bug in Layout Gala Templates.

Add the following snippet to your Layout Gala CSS to stop the horizontal scroll bar from appearing in Safari 1.1 (caused by the negative margin technique). #container:last-child:not(:root:root) { overflow: hidden; } (found on BTreeHuggers Blog ) BtreHugger suggests adding it

Posted in CSS

Semantic Column Markup Redux

Previously, I wrote a quick snippet of CSS and HTML to mark up column layouts. It wasn’t particularly semantic and didn’t *feel* right. Also, it was a pain to add/remove columns. So I’ve had a bit of a ponder and

Posted in CSS, Web Development, XHTML & HTML

Introducing PickOne

PickOne is something that has been kicking around my head for a while now. Ever had one of those moments of indecision where you can’t decide what to have for lunch? or which shoes to put on in the morning?

Posted in Accessibility, CSS, PHP, Richard@Home Elsewhere, Web Development, XHTML & HTML

Quote of the Day: Blink

The only valid use of blinking text: <p>Schrödinger’s cat is <span style=”text-decoration: blink”>not</span> dead.</p> Spotted in a sig on WebDeveloper.com

Posted in CSS, Quote Of The Day

n Column Layouts in CSS

The CSS .multicol { width: 100%; float: left; } .two { float: left; width: 49.5%; } .three { float: left; width: 32.5%; font-size: .8em; } .four { float: left; width: 24.5%; font-size: .8em; } The Markup 2 Column <div class=’mutlicol’>

Posted in CSS, XHTML & HTML

Why CSS Hacks Are a Bad Idea

Over on the IE7 Blog, they are issuing a call to arms to developers to stop using CSS hacks. We’re starting to see the first round of sites and pages breaking due to the CSS fixes we have made. We

Posted in CSS