Hi,
On Thu, Jan 29, 2009 at 9:09 AM, Sparks <[email protected]> wrote:
>
> I want to have a form which looks like
> First Name [ ] Last Name [ ]
>
I've used an inline form with blueprint and it works all right. In my case I
have wrapped elements in divs and added span-X to the inputs, selects and
textareas to make sure they are properly aligned. Like so:
<div class="span-2">
<label for="name">Name <em>*</em></label> :
</div>
<div class="span-3">
<input type="text" class="text span-3" name="name" id="name" />
</div>
etc...
The only gotcha with that technique is that the right border of select
elements is cut in Internet explorer. That's normal, because ie.css declares
that divs span-X have overflow-x: hidden, and in IE the elements' border is
added to their width, making them too large.
To get around that, I have redeclared .span-3 input { width: 106px; } /*
width of a span-3 minus 4px */
Hope that helps!
--
Goulven Champenois
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
