Hey Irv,

You're almost there. Apply the inline class to your form element and
add this to your p.note class 'line-height:12px;'
I've tested this across all the major browsers and works like a charm.
Love the magic of CSS!!

Sean K. Stewart


On Feb 24, 9:50 pm, Irv Wilson <[email protected]> wrote:
> Sean,
>
> Thanks!  I tried every sort of thing I could think of.  I used the
> "inline" class, I wrapped the text and input field in p tags, divs,
> etc.  I can't figure it out.  I've now kind of gotten away from the
> blueprint grid specific ideas and tried some other css forms I've seen
> online.  They all have the same "hitch" between the label and the
> input field.  Again, if I use just text I'm ok.  If I put something
> around the text so I can right justify it and get some space between
> it and the input field the shift comes back.  It's 
> athttp://bodygeek.com/index.cfm?event=updatemeasurements Maybe
> something jumps out at you?  I'm lost at this point.
>
> Thank you!
>
> On Feb 23, 11:09 pm, "Sean K. Stewart" <[email protected]> wrote:
>
> > Hey Irv,
>
> > Check out the inline classes for forms in the blueprint core. By
> > applying class="inline" to your form element you can solve this issue
> > and have even lines horzontally. Hope this helps.
>
> > Sean K. Stewart
>
> > On Feb 24, 12:06 am, Irv Wilson <[email protected]> wrote:
>
> > > Can anyone tell me the most common reason I'd have a shift downward
> > > between a label and an input field?  If I put text in front of the
> > > input field it's in line.  If I wrap the text in a label then the
> > > input becomes a bit lower than the label.  Same thing if I make them
> > > two seperate divs.  I'm wanting to right justify the text for the form
> > > so I've tried a couple of different ways. One was to use "span-3" and
> > > then align the text right and then use "span-21 last" to place the
> > > input field.  That didn't work (causes this shift) and I tried all
> > > kinds of stuff so I went with a label tag for the text that I could
> > > manipulate.  Everything I do makes that "shift" except just plain text
> > > in front of the input field.  Any ideas anyone?  It's got to be simple
> > > but I've spent hours searching google and nothing really matches
> > > what's going on.- Hide quoted text -
>
> > - Show quoted text -

-- 
You received this message because you are subscribed to the Google Groups 
"Blueprint CSS" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/blueprintcss?hl=en.

Reply via email to