CSS selector order

Given the stylesheet declaration outlined below:

.uno {
   width: 66%;
   border: 1px solid fuchsia;
}

#due {
   width: 33%;
   border: 1px solid fuchsia;
}

What will be the width of this HTML section?

<div class="uno" id="due" style="width: 99%">
   when the moon hits your eye like a big-a pizza pie
   that's amore
   when the world seems to shine like you've had too much wine
   that's amore
</div>

If you said 99%, you’d be right. What if the “style” tag was removed? How wide will it be then?

<div class="uno" id="due">
   when the stars make you drool joost-a like pasta fazool
   that's amore
   when you dance down the street with a cloud at your feet
   you're in love
</div>

If you said 66% you’d be wrong. Why is the correct answer 33%? Because in CSS, the “id” selectors override the “class” selectors and any inline “style” overrides both.

A website for under $500?

I still occasionally get asked by prospects if I can help them build a website on a sub $500 budget. These days I just tell them to ask their favourite nephew (who dabbles in HTML) to start right here:

With over 2000 free template designs to choose from, there’s bound to be something they, and their favourite nephew (who dabbles in HTML) will both like. And I won’t have to put up with endless revisions, chronic complaints, requests for freebies, unreasonable demands and futile explanations.

HTML colours by category

By popular demand, the original list of 140 HTML colours, grouped by category: red, pink, orange, yellow, purple, green, blue, brown, white and gray.

Read more >>

Fabulous Firebug

Is this the future of web debugging? I think so.

Nielsen study endorses fluid design

Jakob Nielsen adds weight to our theory that fluid design makes sense for public websites, claiming that the users with high resolution monitors almost never maximise their browser windows to the full screen.

If that’s indeed true and if the likelyhood of super-high resolution monitors being in common use within a few short years is indeed very likely, what possible reasons could exist in support of rigid website design?