04.06.2013 Views

Head First HTML with CSS

Head First HTML with CSS

Head First HTML with CSS

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

tabular versus presentation<br />

624 Chapter 14<br />

Tonight’s talk: Table and <strong>CSS</strong> spar<br />

over how to lay out forms.<br />

Table <strong>CSS</strong><br />

Hey <strong>CSS</strong>, what’s happening?<br />

What do you mean? I dropped by to help get<br />

these forms in shape. They’re looking a bit... well,<br />

ragged, if you ask me.<br />

Yes, and some people consider form<br />

elements to be tabular data, you know.<br />

Besides, I’m much better at making forms<br />

look good than you are.<br />

Says me. I get forms looking nice and neat, <strong>with</strong><br />

the labels and form elements all aligned properly.<br />

Well, I agree I can’t add those little extra touches<br />

like you can, but that stuff doesn’t really matter<br />

anyway. That’s just the icing on the cake. The real<br />

trick to making forms user-friendly is getting the<br />

labels and elements presented in a way that makes<br />

sense, so there’s no confusion about what goes <strong>with</strong><br />

what. Users don’t really care about all that other<br />

stuff.<br />

What on earth are you doing in this chapter,<br />

Table?<br />

I agree the forms need some fixing up in the<br />

looks department, but that’s my job. You’re for<br />

tabular data, remember?<br />

Says who?<br />

I can position things too, you know. These<br />

readers have read the chapter on positioning;<br />

they know how to get things “all aligned<br />

properly” using <strong>CSS</strong>. Anyway, even if you<br />

can align the form elements properly, you<br />

certainly can’t do things like add color and<br />

padding and change the font family.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!