Stylesheets - How do I make an image repeat horizontally across the screen?

Author

How do I make an image repeat horizontally across the screen?

puzzled

2003-12-13, 5:11 pm

I'm trying to use a small gif of a Christmas tree as a horizontal
divider across the screen (which could be any number of pixels wide).

My attempt at doing this was basically like this:

<img alt="tree graphic (1k)" src="tree.gif" height="60" width="100%">

So I got a tree that looked like a funhouse mirror reflection - 60
pixels high, like I asked; but stretched fully across the screen. It
looked like someone dragged a green paintbrush across the screen.

I understand why that happened of course.

But what I want, of course, is for the image to repeat across the full
width of the screen, whether that width is 600 pixels or 800 or 1600
or whatever. No wrapping, no extending off the right side. Just go
margin to margin and stop.

How do I do it?

Knud Gert Ellentoft

2003-12-13, 5:11 pm

puzzled <puzzled@puzzled.com> skrev :

quote:

><img alt="tree graphic (1k)" src="tree.gif" height="60" width="100%">

quote:

>But what I want, of course, is for the image to repeat across the full
>width of the screen, whether that width is 600 pixels or 800 or 1600
>or whatever. No wrapping, no extending off the right side. Just go
>margin to margin and stop.

<div style="background: url(tree.gif) repeat-x; height: 60px">
--
Knud

puzzled

2003-12-13, 5:11 pm

On Sat, 13 Dec 2003 04:22:47 +0100, Knud Gert Ellentoft
<ellentoft@mail.tele.invalid> wrote:

quote:

>puzzled <puzzled@puzzled.com> skrev :
>
>
>
><div style="background: url(tree.gif) repeat-x; height: 60px">

Other than being fast and accurate, there's not much to like about
your answer ;-)

Thanks!

Beauregard T. Shagnasty

2003-12-13, 5:11 pm

Quoth the raven named puzzled:

quote:

> On Sat, 13 Dec 2003 04:22:47 +0100, Knud Gert Ellentoft
> <ellentoft@mail.tele.invalid> wrote:
>
>
> Other than being fast and accurate, there's not much to like about
> your answer ;-)

Well, I'm curious. What didn't you like about the answer? Looks
perfect to me...

--
-bts
-This space intentionally left blank.

John M. Gamble

2003-12-13, 5:11 pm

In article <OZxCb.12087$UY6.4610@twister.nyroc.rr.com>,
Beauregard T. Shagnasty <a.nony.mous@example.invalid> wrote:

quote:

>Quoth the raven named puzzled:
>
>
>Well, I'm curious. What didn't you like about the answer? Looks
>perfect to me...
>

Erm, i take it you don't know what a smiley (the ';-)' in this case) is?

--
-john

February 28 1997: Last day libraries could order catalogue cards
from the Library of Congress.

Beauregard T. Shagnasty

2003-12-13, 5:11 pm

Quoth the raven named John M. Gamble:

quote:

> In article <OZxCb.12087$UY6.4610@twister.nyroc.rr.com>,
> Beauregard T. Shagnasty <a.nony.mous@example.invalid> wrote:
>
>
> Erm, i take it you don't know what a smiley (the ';-)' in this case) is?

Erm, of course I know what a smiley is, in this case a winky.

Winking or not, I just wondered what puzzled didn't like about it. Did
he think it was too short, too blunt? That Knud didn't have time to
tell a story along with his answer?

--
-bts
-This space intentionally left blank.

lostinspace

2003-12-13, 5:11 pm

----- Original Message -----
From: "Beauregard T. Shagnasty" <>
Newsgroups: comp.infosystems.www.authoring.stylesheets
Sent: Saturday, December 13, 2003 11:08 AM
Subject: Re: How do I make an image repeat horizontally across the screen?

quote:

> Quoth the raven named John M. Gamble:
>
> Erm, of course I know what a smiley is, in this case a winky.
>
> Winking or not, I just wondered what puzzled didn't like about it. Did
> he think it was too short, too blunt? That Knud didn't have time to
> tell a story along with his answer?
>
> --
> -bts
> -This space intentionally left blank.
>

Actually, the most appropiate and common use of ":-)" is meant to be
"tongue-in-cheek" which means whom ever was initially using it was
attempting to be a cute smart XXX ;-)

Neal

2003-12-13, 5:12 pm

"Beauregard T. Shagnasty" <a.nony.mous@example.invalid> wrote in message
news:YPGCb.12736$UY6.10708@twister.nyroc.rr.com...

quote:

> Winking or not, I just wondered what puzzled didn't like about it.

I gathered he thought it was great, and was simply being facetious.

Knud Gert Ellentoft

2003-12-13, 5:12 pm

"Beauregard T. Shagnasty" <a.nony.mous@example.invalid> skrev :

quote:

>That Knud didn't have time to
>tell a story along with his answer?

My written English is terrible and I'm a man, who don't speak
much.
--
Knud

puzzled

2003-12-14, 11:12 am

On Sat, 13 Dec 2003 19:38:00 +0100, Knud Gert Ellentoft
<ellentoft@mail.tele.invalid> wrote:

quote:

>"Beauregard T. Shagnasty" <a.nony.mous@example.invalid> skrev :
>
>
>My written English is terrible and I'm a man, who don't speak
>much.

I am terribly sorry for any misunderstanding caused - especially
because English is not your first language.

I was purely, simply DELIGHTED that you replied so quickly, and that
your answer was easy to understand, and that it WORKED!

Thank you for helping me. I am about to post another question (that I
should know the answer to) and hope I receive equally fast and useful
help.