inline forms

[kaiser]

Question about inline forms [1] as posted by "julian parker" over here
[1].

"Hi All,

I'm having more problems understanding inline forms and just can't see
what is wrong so I'm wondering if the groups collective eyes can spot
it.

This code does not line up the image with the label and the select
box.

Julian Parker"

Code: [1] http://pastebin.com/ChZL8bCM
Original Q: [2] http://groups.google.com/group/blueprintcss/browse_thread/thread/afd3ff41cdc0537c

[Julian Parker]

Sorry Chaps,

I thought I'd created a new subject by emailing the group, I had no idea
it would do that... Lesson learned etc.

Thanks for the pastebin link, I'll modify the code once I log back onto
the server and get a copy.

Cheers for your patience.

Jools

[teccyspice]

All,

I've updated the code in pastebin.

The not working code is here;
http://pastebin.com/BXzrGCYN

The working code is here;
http://pastebin.com/pPTXhDX3

Hope these come out ok so you can see what I'm on about.

[kaiser]

Some things i noticed:

* .span-24 doesn't need .last
* There's no <center> element in Html
* Convert special chars to their html entities ">" would become "&gt;"
for example. Google for "html character list"
* With your menu you could use .push-1 instead of .prepend-1, so you
save your paddings for the menu elements
* You should always use lowercase names in css and dash in favor of
underline. This also helps when you got php & html/css classes in the
same file (visual difference)
* Please take a look at the .column class. In most cases where you use
it, it's used "wrong" (but doesn't do anything).
* In a row (normally) only the last element should have the class
of .last. That comes from .span-24 that is 24 * (30px grid + 10px
gutter) -10px = 950px; Else your last element would go into the next
row.

I guess your /blueprint/style.css file contains your custom styles?

[teccyspice]

Thanks Kaiser, responses inline...

I have made amendments to the main php code for now, I will probably
update pastebin later.

> * .span-24 doesn't need .last

corrected.

> * There's no <center> element in Html

Oh dear! I didnt know that, it was a quick fix, I'll create a css
style instead.

> * Convert special chars to their html entities ">" would become "&gt;"

corrected.

> * With your menu you could use .push-1 instead of .prepend-1, so you
> save your paddings for the menu elements

I'll give it a go, I only found the src blueprint files 2 days ago,
some of it is starting to make sense....

> * You should always use lowercase names in css and dash in favor of
> underline. This also helps when you got php & html/css classes in the
> same file (visual difference)

I didnt even realise I'd done that and will look to make changes where
I can.

> * Please take a look at the .column class. In most cases where you use
> it, it's used "wrong" (but doesn't do anything).

I'm still updating this from my original effort but have ignored for
now as it doesnt do anything, I will of course change it soon, I have
enough bad habits and don't want to get into any more.

> * In a row (normally) only the last element should have the class
> of .last. That comes from .span-24 that is 24 * (30px grid + 10px
> gutter) -10px = 950px; Else your last element would go into the next
> row.

ok...

> I guess your /blueprint/style.css file contains your custom styles?

Yes but there is not much in it. I can post if it helps debug. This
inline form thing still confuses me a little though.

To be fair, I was never any good at the forms design stuff, in fact I
fairly new to the whole web design thing but I've been given a project
to do at work and blueprint has given me a fighting chance. Yes, I'm
still learning it and I'm sure I'll post some more when I get stuck so
I really just wanted to say thanks to all for developing blueprint,
giving it away and to all those who support it. If it wasnt for this
I'd also be having to learn something like dreamweaver. I've only
recently upgraded from gvim to notepad++.