Adobe Community: Body Background issue...

3,738 posts
Oct 15, 2010

Currently Being Moderated

1. Sudarshan Thiagarajan,

Mar 6, 2013 9:04 PM in reply to madtrex123

Report

Can you post a web link so we can see what may be going wrong?

|

Mark as:

Currently Being Moderated

2. madtrex123,

Mar 6, 2013 9:11 PM in reply to Sudarshan Thiagarajan

Report

How do I do that? I'm sorry I am new to this. If I just copy and paste it to here it would be quite alot and I haven't uploaded it to a site or anything. I am happy to provide my email addy if thats an option of showing.

|

Mark as:

3,738 posts
Oct 15, 2010

Currently Being Moderated

3. Sudarshan Thiagarajan,

Mar 6, 2013 9:13 PM in reply to madtrex123

Report

Do you have a domain name/ web server somewhere that you host your files with? Like www.madtrex.com or something like that? If so, you can upload your files there using a FTP client and give us an URL so we can check on the web.

Or yes, you can post your HTML & CSS code here to start with. You could also use www.pastebin.com to paste the code, generate a link and paste that link here so we can check.

|

Mark as:

Currently Being Moderated

4. madtrex123,

Mar 6, 2013 9:20 PM in reply to Sudarshan Thiagarajan

Report

Thanks for the info. I do not have a domain name or webserver yet, like I said I am pretty new to all this.

I took the www.pastebin.com route and here is the link: http://pastebin.com/MvXymGEe

The css and html are all on one page with the css at the top. Thanks.

|

Mark as:

3,738 posts
Oct 15, 2010

Currently Being Moderated

5. Sudarshan Thiagarajan,

Mar 6, 2013 9:28 PM in reply to madtrex123

Report

I guess you're referring to the background-image of 'paws' not covering the full height of body area?

If so, Line 3171 of your code:

#paw {
        background-image: url(http://i575.photobucket.com/albums/ss197/Madtrex/000%20Ebay%20Template /paw.png);
        height: 1700px;
        width: 100%;
}

Remove the line that I've struck off (height value). It will work the way it should.

|

Mark as:

Currently Being Moderated

6. madtrex123,

Mar 6, 2013 9:35 PM in reply to Sudarshan Thiagarajan

Report

If it helps this is the effect that I want and get if the bluebackground part is linked from my images folder but if i link it from photobucket it appears all blue and the paws grey part at the top doesnt show. I will try what you said now. Thank you.

|

Mark as:

Currently Being Moderated

7. madtrex123,

Mar 6, 2013 9:45 PM in reply to Sudarshan Thiagarajan

Report

Ok I tried that but no luck , I don't think it is the paw background which is giving me problems, I think it is this one:

/* --------------------------------------------------------- structure --- */

#body {

background: url(http://i575.photobucket.com/albums/ss197/Madtrex/000%20Ebay%20Template /body-bg.jpg) center top no-repeat #0a1b27;

width: 100%;

color: #05253B;

}

.main {

width:971px;

padding-bottom:37px;

}

.box-main {

background: #fff;

position: relative;

overflow: hidden;

z-index: 25;

background-color: #FFFFFF;

}

But I don't understand how it can be causing me issues as when I use it from my images folder it all works fine but when I use the link from photobucket it appears like the in the image with this message.

|

Mark as:

3,738 posts
Oct 15, 2010

Currently Being Moderated

8. Sudarshan Thiagarajan,

Mar 6, 2013 9:55 PM in reply to madtrex123

Report

The image that shows here does not exist: http://i575.photobucket.com/albums/ss197/Madtrex/000%20Ebay%20Template /body-bg.jpg

Other than that, the code you currently have (at least showed me via Pastebin) has a picasaweb image link which wont load publicly.

Also, I see a lot of your DIV tags are improperly formed. You may want to validate your current code through W3 validator: http://validator.w3.org/

|

Mark as:

Currently Being Moderated

9. madtrex123,

Mar 6, 2013 9:58 PM in reply to Sudarshan Thiagarajan

Report

Yeah that was me just chopping and changing the links to see if it was just photobucket giving me problems but picassa was the same. I will try the validator thanks.

|

Mark as:

Currently Being Moderated

10. madtrex123,

Mar 6, 2013 10:23 PM in reply to Sudarshan Thiagarajan

Report

Ok I put the code into the validator and yes it did find ALOT of errors. However I think the problem lays elsewhere, I mean every other link has worked even with the errors and like I said if I link to the image folders it works no problem and shows in live and preview mode. The problem arises when I use the link from photobucket. I have been working on this 7 days straight,8-10 hours a day and right at the end of it I hit a brick wall, I really do not want my effort to go to waste over this one problem, feeling so deflated right now. So if anyone could help me it would be much appreciated. Thank you Surdarshan with your help and information so far.

|

Mark as:

3,738 posts
Oct 15, 2010

Currently Being Moderated

11. Sudarshan Thiagarajan,

Mar 6, 2013 10:31 PM in reply to madtrex123

Report

The problem does lie in one of your tags being invalid. Fix that and it should work. Either way, you're supposed to clean and fix your markup.

One example - Div ID is a unique identifier and should be used once per page. In your case, there are 2 IDs with 'main' - which itself will lead to a lot of confusion.

Other than that, majority of issues I see is with your DIVs not being closed properly. It wont take you more than 30 minutes to fix these. This way, you can save that ~70hours of work you've put in from going to waste.

Anybody else on this forum will say the same thing - Validate and fix your code first.

Good luck.

|

Mark as:

Currently Being Moderated

12. MurraySummers,

Mar 7, 2013 5:51 AM in reply to Sudarshan Thiagarajan

Report

I'll say it differently. It makes no sense to devote any time or effort in debugging a layout on a page that does not validate. Would you agree?

|

Mark as:

3,738 posts
Oct 15, 2010

Currently Being Moderated

13. Sudarshan Thiagarajan,

Dreamweaver CC

Body Background issue...

Mar 6, 2013 8:46 PM

More Like This

Bookmarked By (0)

Answers + Points = Status