Background image + background colour?

[ChrisRChamberlain]

Hi all

Looking to have a 1px wide gradient image with say 150px height repeating across the page left to right plus a background colour that is the same colour as the colour seen at the bottom of the gradient image.

In faq215-2573 Body Background CSS there exists

<style type="text/css">
<!--
body {
    background-attachment: fixed;
    background-image: url(file);
    background-repeat: no-repeat;
    background-position: left top;
}
-->
</style>

What mods to the code are suggested to achieve the result and is the concept expressed in the first para the best way to go?

TIA

FAQ184-2483 - answering getting answered.​

Chris
PDFcommander.com
PDFcommander.co.uk

 

[ChrisHirst]

background-repeat:repeat-x

not forgetting to add background-color:#colour-code

Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems

So long, and thanks for all the fish.

 

[Vragabond]

You can also do it all with the background shorthand. I would drop the background-attachment though, because I don't know if you want it fixed.

body {
  background: #abc url(myImage.jpg) 0 0 repeat-x;
}

 

[ChrisRChamberlain]

ChrisHirst, Vragabond

Thank you both for your replies - is there a better way?

FAQ184-2483 - answering getting answered.​

Chris
PDFcommander.com
PDFcommander.co.uk

 

[Vragabond]

No, this is about the best way to do what you want to do. Can't really see how anything could be better than that.

 

[ChrisHirst]

Nope, I can't think of a better way than the right ones

Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems

So long, and thanks for all the fish.

 

[ChrisRChamberlain]

Thanks again, both.

FAQ184-2483 - answering getting answered.​

Chris
PDFcommander.com
PDFcommander.co.uk