CSS

Playing with CSS (IE7 fails, of course)

  • March 23, 2009 at 10:11 pm
  • Categories: Accessibility,Citizenship & civic engagement,CSS,Standards,Web design & development
  • I’ve been playing with CSS3, just for fun really. All of the styles I’ve used work in Safari; most of them work in Firefox and Opera; none of them work in Internet Explorer 7. For my test page I wanted: paragraphs with transparent coloured backgrounds layered over images; each image to be different; the boxes [...]

Redesign: typography

  • August 11, 2008 at 6:57 pm
  • Categories: CSS,Design,Web design & development
  • Right, I’m struggling a bit with this. My redesign is coming on: I’ve done the grid and the CSS seems to be working ok (in FireFox and Webkit at any rate). But I’m having a little trouble getting the text to align to the grid. I’ve tried working it out for myself because I was [...]

Website re-design: again

  • August 11, 2008 at 1:32 am
  • Categories: CSS,Design,Web design & development
  • I’m having another go at redesigning this blog, this time based firmly on a modular em-based grid.

CSS Eleven: I’m happier now

  • November 21, 2007 at 2:12 pm
  • Categories: CSS,Web design & development
  • It’s been a while, sorry. Last time I posted (aeons ago) I promised to do some testing for css3.info; oops. I am doing it, but as often happens it’s had to slide down my list of priorities. Having been a little wary of CSS Eleven back then, I have since been to a seminar day [...]

CSS Eleven: good idea, but there are a lot more than eleven of us using CSS

Arghh! I hate web design!

  • September 12, 2007 at 6:17 pm
  • Categories: CSS,Web design & development
  • Bloody Explorer! Bloody quirks mode! Bloody bloody! Grr! There, I feel a bit better. I guess it’s not really IE’s fault that it’s the only browser in which my three-column css-styled layout doesn’t work. Actually, yes it is. It ought to work in quirks mode and doesn’t—that’s likely my fault—but I shouldn’t have to rely [...]

CSS ‘sliding doors’: positioning the tabs

  • September 10, 2007 at 7:29 pm
  • Categories: CSS,Web design & development
  • A lot has been written on styling html lists to make them look pretty, a good example being Douglas Bowman’s ‘Sliding Doors‘ articles on alistapart.com. However, I’ve still not managed to master it. Either I have problems with floated elements or IE doesn’t style the tabs properly (IE6, at any rate). I finally got it [...]

Support for CSS3 modules?

  • August 21, 2007 at 5:57 pm
  • Categories: CSS,Web design & development
  • In case anyone stumbles across this post, I’m looking for a resource that shows which CSS3 modules are supported in which browsers. ccc3.info has started this, but so far they only have a compatibility table for selectors. (They also have a neat online tool for testing which selectors your browser supports.)

Using CSS to add opaque text to transparent backgrounds

  • August 20, 2007 at 6:21 pm
  • Categories: Accessibility,CSS,Web design & development
  • CSS doesn’t currently allow for an element to have a transparent background with opaque text: the text will also be transparent. On top of that, any child elements will inherit the transparency. But there are ways… I’ve just redesigned this blog (come on, it could be worse), and I wanted the title to sit in [...]