Click to See Complete Forum and Search --> : Background image doesn't appear
Xeenslayer
11-26-2002, 09:41 PM
Here's the faulty page: http://caesar3bsc.150m.com/main.html
The problem is that there should be a background image with y-repeat on. If you check the source code you will know what I mean. The problem is that the image doesn't load. It's strange because I used to be able to see it. Now I can't. :mad:
Can anybody please point out what I'm doing wrong?
Xeenslayer
11-26-2002, 09:46 PM
Aargghh all my other pages won't display the image too! I didn't have this problem before. And I'm 100% sure that the image is uploaded and the URL is perfectly correct.
What's wrong?
Zach Elfers
11-26-2002, 10:32 PM
It works fine for me. I can see it. what browser are you using?
lcole
11-27-2002, 12:09 AM
Hi Xeenslayer,
What I'm seeing is the home page shows forest2.jpg on the left side, under the menu, while the other pages show the full page background with forest2.jpg. Looking at your source, the homepage is pulling the background image in via css, while the other pages are using html body attributes.
Also, css attribute properties need to have a semi-colon between them. If it's missing, some browsers will refuse to display any css after the missing semi-colon.
Try changing this:
body {background:#000080 url(forest2.jpg) repeat-y -10% 100%; }
to this:
body
{
background-image: url(forest2.jpg);
background-repeat: repeat-y;
}
Stefan
11-27-2002, 01:37 AM
Originally posted by lcole
Try changing this:
body {background:#000080 url(forest2.jpg) repeat-y -10% 100%; }
That is actually 100% correct.
BTW, I also see the image (tested with Gecko, IE 5.5 and Opera 7b).
However I do see large problems on the page depending on available screensize. You should probably look at what happens at your page in eg 1024 resolution.
Xeenslayer
11-27-2002, 11:38 PM
I use IE5. It's strange. Sometimes I see the image, sometimes I don't. Usually when I type the URL as http://URL, the page doesn't show the image.
If I type www.URL, it does. Is it a problem with the HTML or my browser??
Xeenslayer
11-27-2002, 11:41 PM
Oh uh, Stefan, I did try to fix the resolution problem, but I still haven't the faintest idea how to do it. If you remember, I asked about it in the old forums. :)
Stefan
11-28-2002, 12:20 AM
Originally posted by Xeenslayer
I use IE5. It's strange. Sometimes I see the image, sometimes I don't. Usually when I type the URL as http://URL, the page doesn't show the image.
If I type www.URL, it does. Is it a problem with the HTML or my browser??
IE 5 is old an buggy.
I would upgrade to at least 5.5.
Or better yet, get a gecko browser.
K-Meleon will even share your IE bookmarks nicely
http://kmeleon.sourceforge.net/
Stefan
11-28-2002, 12:25 AM
Originally posted by Xeenslayer
Oh uh, Stefan, I did try to fix the resolution problem, but I still haven't the faintest idea how to do it. If you remember, I asked about it in the old forums. :)
No I don't remember, but you should start with stopping that <table> abuse of yours.
Then use CSS on the body to limit the area used by the main text and position your (non table) menu to the left side to an area outside the "main text area".
Xeenslayer
11-28-2002, 02:07 AM
Then use CSS on the body to limit the area used by the main text and position your (non table) menu to the left side to an area outside the "main text area".
How do I do that? I'm not quite sure what you mean by "using CSS on the body to limit the area used by the main text".
smurfy
11-28-2002, 05:49 AM
CSS tutorial @ w3,org (http://www.w3.org/MarkUp/Guide/Style)
It's what I'm reading to figure that sort of thing out.
Rick Bull
11-28-2002, 06:37 AM
I think he means something like this:
CSS:
body {
margin-left: 10em;
}
#menu {
position:absolute;
top:1em;
left:1em;
width:8em;
}
HTML:
<body>
<p>Main body text</p>
<div id="menu">
<p>Menu links here</p>
</div>
</body>
Xeenslayer
11-29-2002, 09:20 AM
Again I'm getting worried by the position and sizes of things appearing on different browsers. :(
I'll post a topic in the CSS forum, and thanks for that link, Smurfy. :)