Tag: css

IE7 only: float bug on elements with italic, background properties

Setting font-style:italic in your CSS for elements in the vicinity of a floated element can actually trigger a float bug in Internet Explorer 7.
This is only a problem, so far as I can see, when you’re using backgrounds on the unfloated element(s), because thr background image or colour will overrun your floated element.
Want to …

Originally published: 13 Jul 2009 in Technical

Testing CSS for print media: we need a Print Preview for developers!

Source: Wikimedia Commons

The virtues of @media print have been explained elsewhere, best of all by Eric Meyer in his seminal A List Apart article Going to Print, whose original publish date (May 2002) makes me feel a bit old!
Yet one of the most annoying aspects of developing CSS for print is testing it.
Now I know …

Originally published: 15 Jun 2009 in Technical

Dreamweaver CS3 crashes and won’t start up again

Hey kids, this is definitely one of the weirdest bugs I have ever clapped eyes on.
Not for the first time, I was happily authoring CSS and Dreamweaver CS3 crashed. Turns out, it doesn’t have to be specifically CSS, but that was my situation anyway.
The crash
It’s all too familiar: this is DW after all, and those …

Originally published: 1 Feb 2008 in Technical

Accessibility may affect feasibility of Sharepoint intranet

Microsoft’s Office Sharepoint Server 2007 packs some cosmetic improvements to accessibility, but considerable development will be needed to resolve out-of-the-box problems.

Originally published: 22 Oct 2007 in Technical

RouteOne online: doing the BUSiness

The old RouteOne website

A new website for RouteOne, the leading publication in the Coach and Bus industry, is set to go live shortly.
My job was to turn the old offering – primarily a storefront for new registrations – into an accessible, readable editorial site to reflect the investment in design.
RouteOne was a great opportunity …

Originally published: 9 Sep 2006 in Technology

Memorabilia gets a makeover

I just completed a new CSS layout build for Memorabilia, the event that runs every year at the Birmingham NEC.
The Memorabilia show features appearances from actors and actresses, sports personalities and stalls selling collectibles from film and television. There’s often a particular bias on sci-fi.
Past guest appearances have included Verne Troyer (Mini-me of Austin Powers …

Originally published: 23 Jun 2006 in Technology

Blog styles

Briam asked on the forum for the blog software that runs MikePadgett.com about template styles.
I had written a brief article before MikePadgett.com was so kindly hacked about the work I’d done on templates.
In common with most blog software, the idea is to separate content from presentation, so it’s just a matter of writing decent CSS.
Here …

Originally published: 19 Mar 2006 in The eponymous website

CSS floats: container does not stretch to fit floated contents

This article was formerly titled “Alternative to the PIE clearfix hack” but has since been rewritten.
Getting this problem?

Example:

Left
Left
Left
Left
Right
Right
Right
Right

<div style=”background: red; padding: 2%; border: 1px solid #000;”>
<div style=”border: 1px solid #000000; background: #e2e2e2; float: left; width: 45%;”>Left<br />Left<br />Left<br />Left</div>
<div style=”border: 1px solid #000000; background: #e2e2e2; float: right; width: 45%;”>Right<br />Right<br />Right<br /></div>
</div>
There are generally two …

Originally published: 18 Jan 2006 in Technical

Graphic Designers are not Web Designers

This item is a follow-on really from a statement I made in my previous article about User Experience 2005: how we are web designers rather than artists.
J recently pointed out to me a website she’s been looking at called Heavy Backpack. It’s billed by its makers as a “Creative Catalogue” – in other words a …

Originally published: 24 Nov 2005 in Technical

Solution to nested DIV float problems

This item is now out of date. See the updated version.
I recently discovered a CSS hack that has come in very handy indeed since.
The problem arises in both Firefox and IE (though the solution is different for each) when we try to wrap a div around one or more divs with float.

You want your wrapper …

Originally published: 12 Sep 2005 in Technical

Elsewhere on MikePadgett.com …

Treemendous!

Of course it’s still November, but J and I could hardly wait to put up our Christmas tree. So we did, and it appeared as if by magic this weekend. I have to …

  • Originally published: 26 Nov 2006 in Editorial

The Lives of Others (Das Leben der Anderen)

Director: Florian Henckel von Donnersmarck Germany, 2006 Crass Hollywood remakes of European art film aren’t often successful. The big budgets, the bigger country and the biggest names tend to kill off every single cell …

  • Originally published: 11 Oct 2007 in Film

Kuurne Brussel Kuurne

The 2010 Kuurne Brussel Kuurne was marked by strong winds and heavy rain. We caught up with the riders on the Oude Kwaremont. …

  • Originally published: 28 Feb 2010 in Editorial

Thai cookery evening

I do enjoy a bit of cooking, so when J invited me to join her on a Thai cooking evening in Braine l’Alleud, I didn’t need to think about it. Here are …

  • Originally published: 28 Feb 2009 in Editorial

Poor lane discipline

We were the unfortunate victims of poor lane discipline on a roundabout toward the end of last week. Our car, Scofield, was damaged in the collision. J and I were OK. For your information, …

  • Originally published: 15 Aug 2006 in Editorial

Who is that guy?

Photo of Mike Padgett

Hello you. I'm Mike Padgett and I work in the technology sector as an Information Designer.

I also enjoy travel, concerts, films and walking.

I'm based in Brussels, Belgium. My current favourite Belgian beer is St Feuillien Brune.

RSS feeds