[ot]
One way to do it...
You could make all of your elements (label/input) inside of your block
container display "inline" and then use something like this:
#someContainer * {
...
vertical-align: middle !important;
...
}
The "!important" (what I call "not important") is optional, depending
on your setup.
You might also play around with line-height and font-size (i.e. apply
the same sizes to labels and input fields) in order to tame things
down.
line-height: 1;
Remember that you should omit the unit for line-height property values.
Here's one reference for that:
<http://www.456bereastreet.com/archive/200603/css_lineheight_does_not_need_a_unit/>
I also use a reset/base/fonts css (I prefer YUI) in order to
reset/normalize my global styles... That might also help you.
Hope that helps.
[/ot]
Cheers,
Micky
> --
> You received this message because you are subscribed to the Google Groups
> "Django users" group.
> To view this discussion on the web visit
> https://groups.google.com/d/msg/django-users/-/-6G_bvvoyM0J.
> To post to this group, send email to django...@googlegroups.com.
> To unsubscribe from this group, send email to
> django-users...@googlegroups.com.
> For more options, visit this group at
> http://groups.google.com/group/django-users?hl=en.
>
--
Micky Hulse
Web Content Editor
The Register-Guard
3500 Chad Drive
Eugene, OR 97408
Phone: (541) 338-2621
Fax: (541) 683-7631
Web: <http://www.registerguard.com>
There's a great CSS listserv here:
OP - let me know if you resolved your issue. If not, ill show you the standard way of doing it.
For the record - vertical align in some usages isnt going to work very nicely cross browser/versions.
On Mon, Aug 22, 2011 at 12:49 AM, Cal Leeming [Simplicity Media Ltd]
<cal.l...@simplicitymedialtd.co.uk> wrote:
> OP - let me know if you resolved your issue. If not, ill show you the
> standard way of doing it.
I have always considered vertical-align pretty standard. ;)
> For the record - vertical align in some usages isnt going to work very
> nicely cross browser/versions.
I get pretty good results for the major browsers plus IE going back to
version 6.
Demo:
<http://sandbox.hulse.me/vertical-align-test.html>
CSS/HTML tested via:
MAC:
Firefox 5.0.1, Safari 5.1, Opera 11.50, Chrome 13.0.x
PC:
Firefox 6.0, Firefox 5.0, Firefox 3.6.18, Safari 5.1, Opera 11.50,
Chrome 13.0.x,
IE 9.0.x, IE 8.0.x, IE 7.0.x, IE 6.0.x
Of course, that's just OS X and Vista/XP... I don't have an easy way
to quickly/directly test other platforms.
Cheers,
Micky