I've finally learned some CSS (and the blog poster now looks a little nicer)

[andrewducker]

So I spent some time learning some basic CSS, played with a _lot_ of different ways of doing CSS to style forms so that I didn't need to use tables any more, and eventually found a nice simple one that left things lined up nicely.

You can see it here. It works just fine in Chrome/Firefox, but IE9 doesn't do rounded corners on the fieldset elements, and also doesn't do the background colouring. No idea why, but if someone wants to illuminate me then that would be awesome.

Also, if it looks appallingly bad in your browser then send an email to andrew@ducker.org.uk and I'll see what I can do. I'm not promising anything though - supporting more than FF/Chrome (and making sure it's usable in IE9) is enough of a workload for a hobby app :->

Comments

[kurosau.livejournal.com]

Personally, I love using CSS because separating style from content makes everything so much more flexible.

[nmg.livejournal.com]

Mmm. Good use of fieldsets - I approve.

[andrewducker]

Thanks - I was looking for a way to split a form into subareas to make it clearer how to fill it out, and bumped into them. Repurposing them for the notes section at the bottom felt slightly wrong, but it was a nice simple solution :->

[cairmen.livejournal.com]

Looks good to me!

[andrewducker]

Thank you!

[artkouros.livejournal.com]

I'm ear reading the new Steve Jobs biography. One of the things it talks about was Jobs obsession with the Mac, and how the windows and menus had to have rounded corners.

[andrewducker]

I am actually quite amazed by how much nicer the boxes look with rounded corners!