|
|
Posted by PJB on 12/15/05 06:42
"Jonathan N. Little" wrote in message
> PJB wrote:
>> I successfully applied Jonathan's suggestion to my Index page
>> (see www.pjbird.com). The picture re-sizes nicely at different
>> resolutions and aspect ratios and does not loose quality. Thanks for
>> that!
>>
> <snip>
> Anyway, it is not working properly because you are messing up the CSS with
> some HTML.
>
> 1) if you do not want the dragonfly to distort remove the HTML 'width' and
> 'height' attributes on the image, let the CSS set the only the width to
> 100% can the height will scale accordingly.
> 2) you might want to set your BODY background-color to something dark or
> black so that with narrow windows the area not covered by your image will
> be dark and your text readable.
> 3) dump all the old '<body link="#FF9900" vlink="#0099FF">' and use the
> CSS for this....
Ok, bear with me... The CSS you suggested (Dec. 11) had two height settings
within the CSS. I deleted the first but I am not sure about the last line:
#content {height: 100%}
Can I delete this also?
The damsel fly image scales OK but it pixalates a bit on wider screens. This
I can live with. Otherwise, I have been trying different approaches on the
other pages -- re-sizing / rescaling / resampling the background image files
etc. Ideally, where I have lots of text I would like the background image to
remain fixed with all text scrolling in front. Pictures blending into the
background colour will work. Eventually,I'll have all pages using CSSs. I
just
have to learn that and PhotoShop!
PJB
[Back to original message]
|