This maze game is done using CSS http://www.stunicholls.myby.co.uk/menu/amazing.html I couldn't believe it at first so I had to switch off javascript and it still worked.

via: A Welsh View

I've added a new stylesheet and changed the orignal stylesheet to be an alternative one. I've been looking for a bookmarklet for IE to use to change between stylesheets, I'm sure there's one out there somewhere, if I can't find one I'll post one up on this site.

Naturally the new styleseet doesn't work quite right in IE, the recent items list isn't quite aligned with the left of the news page.

Another problem I'd like to resolve someday is to get the elements to float properly around the recent items list, so that the borders start at the correct place. I'm sure it's possible so hopefully I'll have a brain wave.

There have been some major changes at work so hopefully things will start to improve. The next 6 weeks will certainly be quite revelatory.

I noticed BBC news website something curious with this table when viewed with Firefox.

If you're lucky you should notice that there seems to be a hover psuedo-class applied to the table. Is the BBC going to start supporting CSS2?

Nope it's just that the table's parent is an A element, and this has the text-decoration:underline; rule applied.

Which means that all in document anchors (<a name="example" >) will have underlined text.

I've just added an external stylesheet to this blog, it's not very pretty. But I wanted to see how easy it is to add alternate stylesheets. Expect more to come.

If you are a Firefox user then you can choose stylesheets by clicking the strange icon in the left corner of the status bar. If you are an IE user then you'll have to write or download a bookmarklet.

Well I've never had so much fun with stylesheets. After working for so long with the style embedded into the HTML via nested tables, it's so much easier to completely change the appearance of a page with CSS. They say that mimicing is the sincerest form of flattery. Well I've just added another alternate stylesheet in the flavour of Eric Gunnerson's asp.net blog

I've softened the borders of some of the elements on this page using some very simple CSS that I found browsing over on www.intertwingly.net. I've set the width property of this to less that 1em as I think it's slightly less harsh on the eye.

Also what helped was a very useful extension to Firebird which enables you to edit your CSS realtime. EditCSS. I'm wondering now if there is some similar IE Extension bar that can do this. If not, watch this space...

Sadly for IE users, you won't see any difference.

If you've ever wanted to create a scrolling table body simply, here's an example of one way to do it, purely using CSS. You'd have to use browser that can handle CSS correctly, e.g. Mozilla

Sadly due to the lack of support for certain CSS in IE, this will not display correctly To achieve this automatically in IE would be a real exercise

External links are now automatically prefixed by an image - not a great image I grant you, but I'm very unfamiliar with The Gimp

Anyway if you're browsing this with mozilla based browser you will see an image inserted before any hyperlinks that have a href that starts with http:

This relies on CSS3 support for the Substring matching attribute selectors

And all I've done to implement this is enter the following piece of CSS: a[href^="http:"]:before { content:url("/images/ext.png"); }

Simple innit?