Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > background image

Reply
Thread Tools

background image

 
 
David Graham
Guest
Posts: n/a
 
      07-03-2003
I use CSS to tile an image (in the body tag) background across all of the
page. But, and this is the bit I can't quite figure out, I would also like
to run an orange strip 200px wide (also in the body tag) in the pages
background down the left side of the screen. I have tried to achieve this
by:

style="background: url('art/orange.gif') 0% 0% repeat-y"

The trouble is it repeats down the page as expected but it also covers the
rest of the page with white, so I lose my other image (which is in an
external stylesheet) which is supposed to cover all parts of the pages
bacground which is not covered by the orange strip. So why doesn't the
orange stripe confine itself to the left edge of the screen? I guess its
not possible to have two images in the background of an element - unless of
course you know different.

thanks
David


 
Reply With Quote
 
 
 
 
brucie
Guest
Posts: n/a
 
      07-03-2003
In post <Sr_Ma.22019$>
David Graham said...

> I guess its not possible to have two images in the background of an element


true, stick one of the backgrounds on an element. some browsers
support this:

html{background: ...}
body{background: ...}

--
brucie a. blackford. 04/July/2003 06:05:06 am kilo.
http://loser.brucies.com/
 
Reply With Quote
 
 
 
 
David Graham
Guest
Posts: n/a
 
      07-04-2003

"Richard" <anom@anom> wrote in message
news:...
>
> "David Graham" <> wrote in message
> news:Sr_Ma.22019$...
> > I use CSS to tile an image (in the body tag) background across all of

the
> > page. But, and this is the bit I can't quite figure out, I would also

like
> > to run an orange strip 200px wide (also in the body tag) in the pages
> > background down the left side of the screen. I have tried to achieve

this
> > by:
> >
> > style="background: url('art/orange.gif') 0% 0% repeat-y"
> >
> > The trouble is it repeats down the page as expected but it also covers

the
> > rest of the page with white, so I lose my other image (which is in an
> > external stylesheet) which is supposed to cover all parts of the pages
> > bacground which is not covered by the orange strip. So why doesn't the
> > orange stripe confine itself to the left edge of the screen? I guess

its
> > not possible to have two images in the background of an element - unless

> of
> > course you know different.
> >
> > thanks
> > David
> >

>
> AFAIK, you can only have ONE background image.
> What you might want to try is making one image out of two. Merging the two
> together.
> Use the merged as your background and make the height something like 1200

so
> that it won't matter if you scroll the background or not.
> I've taken some tile patterns that were originally meant to be mixed
> together as smaller images, but then I resize the thing to something huge
> with the properties. That way I only get one tile instead of dozens.
> Besides, I don't like the way the lines are visible between tiles.
>

Hi
I should be in bed but Brucie has had me reading a php function. Anyway, I
was more worried about the width. If I merge my 200px wide orange strip with
the other image which is a nice cream textured image, I would need to make
the cream bit really wide to ensure that the combined image went right
across the screen, otherwise using repeat-y will prevent my background from
filling in the right most portion of the screen and I simply couldn't use
repeat, or the orange bit of the merged image would form another orange
strip vertically somewhere in the region of the right part of the screen. I
am worried that if my merged image is very wide, a horizontal scrollbar
would form for clients using a low resolution screen, or is this wrong, do
backgrounds never force scrolling?
Must go to bed now, but look forward to reading any replies tomorrow.
thanks
David


 
Reply With Quote
 
Dan Brussee
Guest
Posts: n/a
 
      07-04-2003
Backgrounds will never cause the page to scroll. If it's too large, it
will just not show completely.
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
DIV background-repeat background-image? For shadow effect jc ASP .Net 3 03-19-2008 04:19 PM
DIV background-repeat background-image for shadowing effect jc HTML 1 03-19-2008 02:16 PM
CSS background-image ... Possible to scale image? Noozer HTML 5 12-07-2004 09:27 PM
[GUI Image] attach an image as a background picture Raydog Java 3 04-09-2004 06:12 PM
changing a background image to a background colour? Dj Frenzy Javascript 3 02-10-2004 08:08 PM



Advertisments
 



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57