473,387 Members | 1,504 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,387 software developers and data experts.

Background-repeat in a div only, Part 2

This code should repeat a gif that measures 545-pixels wide by 18 pixels
high along the left edge of the division, but it doesn't show up at all.

Here's the definition of the div in the stylesheet:

#rails {
position: absolute;
top:69px;
left:50px;
width:545px;
height:720px;
background-image: url(Images/rail.gif);
background-repeat: repeat-y;
}

Here's the division in the html page:
<div id="rails">
</div>

But the background gif doesn't show at all. Thanks for any ideas.

Susan

Jul 21 '05 #1
4 11086
in comp.infosystems.www.authoring.stylesheets, Susan wrote:
But the background gif doesn't show at all. Thanks for any ideas.


URL? Browsewr with you tested?

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.
Support me, buy Opera:
https://secure.bmtmicro.com/opera/bu...tml?AID=882173
Jul 21 '05 #2
Internet Explorer 6.0 and Firefox.
"Lauri Raittila" <la***@raittila.cjb.net> wrote in message
news:MP************************@news.individual.ne t...
in comp.infosystems.www.authoring.stylesheets, Susan wrote:
But the background gif doesn't show at all. Thanks for any ideas.


URL? Browsewr with you tested?

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.
Support me, buy Opera:
https://secure.bmtmicro.com/opera/bu...tml?AID=882173

Jul 21 '05 #3
Els
Susan wrote:
This code should repeat a gif that measures 545-pixels wide by 18 pixels
high along the left edge of the division, but it doesn't show up at all.

Here's the definition of the div in the stylesheet:

#rails {
position: absolute;
top:69px;
left:50px;
width:545px;
height:720px;
background-image: url(Images/rail.gif);
background-repeat: repeat-y;
}

Here's the division in the html page:
<div id="rails">
</div>

But the background gif doesn't show at all. Thanks for any ideas.


Is the Images folder
a) written with a capital I?
b) inside the folder that the stylesheet is in?

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Squeeze - (This Could Be) The Last Time
Jul 21 '05 #4
Thank you. The answer was that it should read background-image:
url(../Images/rail.gif) because the folders were both at the same level.
Thanks for your comments, now it works.

Susan
"Els" <el*********@tiscali.nl> wrote in message
news:sx******************************@40tude.net.. .
Susan wrote:
This code should repeat a gif that measures 545-pixels wide by 18 pixels
high along the left edge of the division, but it doesn't show up at all.

Here's the definition of the div in the stylesheet:

#rails {
position: absolute;
top:69px;
left:50px;
width:545px;
height:720px;
background-image: url(Images/rail.gif);
background-repeat: repeat-y;
}

Here's the division in the html page:
<div id="rails">
</div>

But the background gif doesn't show at all. Thanks for any ideas.


Is the Images folder
a) written with a capital I?
b) inside the folder that the stylesheet is in?

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Squeeze - (This Could Be) The Last Time

Jul 21 '05 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
by: Dj Frenzy | last post by:
Hi, I know how to use javascript to change a background image to another background image, and how to change a background colour to another background colour. Is there a way to change an image to a...
5
by: Chris Beall | last post by:
I'm displaying an image that is also a link against a black background. In Netscape 7.1, the current background color is displayed as a horizontal bar below the image. This allows :hover effects...
12
by: Stanimir Stamenkov | last post by:
Here are two cases regarding inline-level elements' line-height, padding and background, which I doesn't understand: <div style="background: black; color: white; line-height: 1.5">...
25
by: Neal | last post by:
According to the CSS lint at http://htmlhelp.org/tools/csscheck/, "The shorthand background property is more widely supported than background-color." Can anyone point me to, or provide, information...
1
by: CMAR | last post by:
I have a design of a frameless page on my practice website: http://home.ne.rr.com/thespar/designerN.htm The idea is to have a #left navigation bar which is absolutely positioned and which...
27
by: Kevin Yu | last post by:
When I declare on HTML page <LINK href="mycss.css" type="text/css" rel=stylesheet /> .... <BODY class=myclass> in mycss.css BODY { FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY:...
3
by: Peter Williams | last post by:
Hi All, I want to write some javascript for a html page which does the following. Imagine that the page contains a table with 2 columns and 3 rows, e.g.: +---+---+ | A | B | +---+---+
13
by: Giggle Girl | last post by:
Hi there, I need to use a background image in a TR that does NOT restart everytime it hits a TD. Can it be done? Specifically, if you set a background image for an entier table, now mater how...
7
by: Nilesh | last post by:
I am using background-image attribute in a CSS file and linking the CSS file to aspx page. But strangly, background-image attribute is not working for relative URL. e.g. If I apply following css...
19
by: david.karr | last post by:
If in my CSS I set the "background-color" property on the "body" element, it only covers the background of the elements defined in the body, up to the current width and height of the page. However,...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

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.