473,320 Members | 1,988 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

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

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
9 62480
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
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
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
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
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
----- 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

"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
"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
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

6
by: Robert Smith | last post by:
I thought I had seen this done on another site but I can't find it. I want to have a header at the top of the page, centered, no matter the resolution. I got it working with an ugly scroll bar at...
6
by: allanc | last post by:
i tried using a borderless form + picturebox, which works fine for dimensions smaller than the actual screen dimensions, but for larger sizes the window seems to clip. programs like acdsee seem...
1
kestrel
by: kestrel | last post by:
im using externl css, and i have a menu, and i want to add some css, thta will make an image repeat at the top of my page. i dont know how to sup into my html file, div or what ever. thanks ...
1
by: ntombikayise | last post by:
Hi, I urgently need help. My code should let a user select an image file for upload, view the image on the browser to be able to set the image size then upload the image. It should also be...
3
by: Nageshwarrao | last post by:
Hi all, I did Image Mapping using Dream weaver using hotspots. But the problem is if the resolution of the screen or size of the screen is changing, the position is not changing according...
1
by: newtohtml | last post by:
Is there any one out there that can help me with some of Mandarin Design cut and paste code? Can't get my image to show up on the page at all.
5
by: Dave Siegel | last post by:
I'm trying to get the content window to go untill the top of the page, no matter what browser you're using. But untill now it only repeats with the text, but doesn't get to the bottom of the browser...
9
by: Mr Prister | last post by:
What I want to do (whether you can or not, I don't know) is: Repeat an image downwards... eg: .somedivisionname{ background: acolor url(apicture.filetype) repeat- center left; } By the...
13
by: seegoon | last post by:
Hi all. So: I've put together a page, in which I want several clickable image maps. I've put those together already. The problem with image maps is that they're not very intuitive, so users don't...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.