Background image not "ending"

[SatishPutcha]

Hello Everybody

I have to use a background image on my web page which will act as a "frame"(as in framed photograph) for my content.

The issue am having is that while the top, left and right corners of the frame are fine, the bottom corner is not being seen at all.

I tried reducing the size of the image but even then the bottom portion(a strip of green in the image) can't be seen.

This is my code for showing the background image:

STYLE="background-image: url('images\background-Sofas-Bed-Others.jpg');"

How can I show all four corners of the image on the page?

Any help if greatly appreciated.


Thanks and Regards
Satish Kumar

 

[ca8msm]

Do you have a link of where we can view this page (or can you post an example of the page if not)?


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[BillyRayPreachersSon]

Is the container big enough to fit the background image? If not, ,you will need to increase the size of the container. They do not automatically grow to fit background images.

Hope this helps,
Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[SatishPutcha]

Thanks for your replies.

ca8msm,
I want something like this:

http://www.bigbaer.com/css_tutorials/css.border.image.frame.styles.htm

The text has to be where the image is in the examples in the above link. But am not getting the lower horizontal portion of the image.

BillyRayPreachersSon,
I have put the image as a background for the entire page. I put the HTML code in the body tag of my web page.

Thanks and Regards
Satish Kumar

 

[BillyRayPreachersSon]

Satish,

If you've found a page that does what you want, then why not simply copy their code?

I think ca8msm was looking for a link to your code, not some example page... after all, we cannot help you much without knowing how your code looks.

Now - back to my previous question (is the container big enough to show the image). You've told me that the container is a frame, but you've still not said if it is big enough. So, I'll ask again:

Is the container the background image is on big enough to display it all?

Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[SatishPutcha]

Dan

I looked at that HTML in the example and had no idea what it did:-(

I am sorry I can't give the link to my code since am prohibited from doing so.

The container has a height of 1000 pixels and the image is also 1000 pixels. So I'd assume the container is big enough to hold the image. My container here is the BODY tag of the html.

I did try setting the container to a very very large size as compared to the image but the image did not see to end flowing on the sides.

Hope this helps.

Thanks and Regards
Satish Kumar

 

[BillyRayPreachersSon]

Maybe you can explain to whoever is stopping you from posting the code that you cannot get tailored help without it.

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[ca8msm]

I think ca8msm was looking for a link to your code, not some example page

Thanks Dan, that was what I was asking.

Satish,

You do realise that any HTML you create will be visible to everyone once it's published, don't you? I highly doubt that you are doing anything that hasn't already been done before so there's no need to be secretive about it. If you do want any help, you'll have to post your code as it's almost impossible to guess what you currently have.




____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[SatishPutcha]

Its hardly about being secretive. Its about what I can or cannot share. In this case till we go "live", I cannot.

However as Dan as suggested maybe I can talk to my people here and explain my problem and hope am given the go-ahead to post the code here.

I understand it is frustrating for both of you to have to help out when little or no information is forthcoming. I too answer some questions on this site and it gets very tough to deal with issues that are not properly highlighted.

I can only say am sorry but am also very thankful for your prompt assistance.

Thanks and Regards
Satish Kumar

 

[BillyRayPreachersSon]

Satish,

Why not come up with a cut-down test harness illustrating the problem?

You can remove any corporate branding, etc, but still get the necessary help.

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BabyJeffy]

Could it be that you do not have enough content on your page for the whole image to show in the background? Try adding 20 or 30 <br/> tags before the </body> tag to see if this is the case.

I have never tried to set height on the body tag. I imagine that it will always create odd behaviour if you do not use a doctype, either.

Are you using a doctype? Does the page validate? When the answer to these two questions is "yes" then it is worth going forward on this. If either of the answers is "no" then any attempt at a solution will inevitably fail (or yeild unexpected results) from browser to browser.

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? FAQ216-6094

 

[SatishPutcha]

Dan,
Yes I will try and change my code removing the branding as you suggested.

Jeff,
No the page does not have a doctype and does not validate. Will fix that.

Thanks and Regards
Satish Kumar

 

[ca8msm]

Its hardly about being secretive. Its about what I can or cannot share.

Maybe secretive was a bad choice of word - whatI meant was that we have no interest what is actually in the document. If you supply the code with "lorem ipsum" text for example, that will be enough for us to see what you are trying to do.


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.