By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,766 Members | 1,265 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,766 IT Pros & Developers. It's quick & easy.

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

P: n/a
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?
Jul 20 '05 #1
Share this Question
Share on Google+
9 Replies


P: n/a
puzzled <pu*****@puzzled.com> skrev :
<img alt="tree graphic (1k)" src="tree.gif" height="60" width="100%"> 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
Jul 20 '05 #2

P: n/a
On Sat, 13 Dec 2003 04:22:47 +0100, Knud Gert Ellentoft
<el*******@mail.tele.invalid> wrote:
puzzled <pu*****@puzzled.com> skrev :
<img alt="tree graphic (1k)" src="tree.gif" height="60" width="100%">

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">


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

Thanks!

Jul 20 '05 #3

P: n/a
Quoth the raven named puzzled:
On Sat, 13 Dec 2003 04:22:47 +0100, Knud Gert Ellentoft
<el*******@mail.tele.invalid> wrote:
puzzled <pu*****@puzzled.com> skrev :
<img alt="tree graphic (1k)" src="tree.gif" height="60" width="100%">

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">


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.

Jul 20 '05 #4

P: n/a
In article <OZ******************@twister.nyroc.rr.com>,
Beauregard T. Shagnasty <a.*********@example.invalid> wrote:
Quoth the raven named puzzled:
On Sat, 13 Dec 2003 04:22:47 +0100, Knud Gert Ellentoft
<el*******@mail.tele.invalid> wrote:
puzzled <pu*****@puzzled.com> skrev :

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

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">


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...


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.
Jul 20 '05 #5

P: n/a
Quoth the raven named John M. Gamble:
In article <OZ******************@twister.nyroc.rr.com>,
Beauregard T. Shagnasty <a.*********@example.invalid> wrote:
Quoth the raven named puzzled:

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...


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.

Jul 20 '05 #6

P: n/a
----- 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?

Quoth the raven named John M. Gamble:
In article <OZ******************@twister.nyroc.rr.com>,
Beauregard T. Shagnasty <a.*********@example.invalid> wrote:
Quoth the raven named puzzled:

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...


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.


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 ass ;-)
Jul 20 '05 #7

P: n/a

"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in message
news:YP*******************@twister.nyroc.rr.com...
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.
Jul 20 '05 #8

P: n/a
"Beauregard T. Shagnasty" <a.*********@example.invalid> skrev :
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
Jul 20 '05 #9

P: n/a
On Sat, 13 Dec 2003 19:38:00 +0100, Knud Gert Ellentoft
<el*******@mail.tele.invalid> wrote:
"Beauregard T. Shagnasty" <a.*********@example.invalid> skrev :
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.


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.
Jul 20 '05 #10

This discussion thread is closed

Replies have been disabled for this discussion.