Gunlaug Sørtun wrote:
> 2 b: make the background center vertically with the text-line - also if
> the headline-text breaks into 2 lines:
>
> #content h1 {
> background-position: 0 .5em;
> }
>
> Note: exact em-value depends on case and size of background-image.
> Since the background doesn't change size with font-resizing, some slight
> misalignment will take place if the font-resizing is made large enough,
> because the background-image is positioned by its top edge and not its
> vertical center.
>
I'd just like to point out that the use of line-height could affect
the positioning. It would be good to set line-height and position the
image at half that value. E.g.
line-height: 1em; /* Whatever value that's OK with you */
background-position: 0 0.5em; /* Half the value above */
Remember the order doesn't really matter, as long as they're in the same
rule set.
Rafael.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
