Previous Message
Next Message

two background images in h1

Sent by Gunlaug_Sørtun on 20 March 2006 17:05


>>> <http://www.stoneladder.ca/sandbox/lbk/index.html>
> 
> 
>> I've included a slight improvement in the styles above, by adding a
>>  padding-top on h1. It'll always be a compromise though, since I 
>> didn't want to change the source-code or the background image.
> 
> 
> I'm curious.. as to your last sentence.. I don't understand what you 
> mean by "compromise".

Give that page a few [+]steps font-resizing in Firefox. You'll see that
the headline-text is growing downwards - even before splitting into two
lines. Ideally (from my point of view), a better alignment may be
achieved by using font-size related margins *and* paddings on h1.
However, that would make the two background images get out of alignment
with each other if/when font-resizing is applied, and a slightly
different strategy would be needed for the whole header for it to work
and look right.

I like to make alignments 'self-adjust' with font-resizing whenever
possible, but thought it might complicate things a bit too much this
time, and settled for simple element-growth and static positioning.
So, using a fixed padding-top is "a compromise" - a short-cut -
but not really a bad one, IMO :-)

regards
	Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: