Firstly I apologise if my description of my problem is not accurate as I am relatively new to Dreamweaver. I have uploaded all my images to photobucket and then transferred the links to my stylesheet and html. Every image appears fine but the body background is not fitting/appearing properly. It is the same image I had in my folder on my desktop which appeared great when I linked it to my site but when I uploaded it to photobucket and used their link it doesnt fit properly anymore. I have been trawling the web for a solution but fter a few hours have had no success...please help!!! Thank you.
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.
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.
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.
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:
background-image: url(http://i575.photobucket.com/albums/ss197/Madtrex/000%20Ebay%20Template /paw.png);
Remove the line that I've struck off (height value). It will work the way it should.
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 --- */
background: url(http://i575.photobucket.com/albums/ss197/Madtrex/000%20Ebay%20Template /body-bg.jpg) center top no-repeat #0a1b27;
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.
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/
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.
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.
Europe, Middle East and Africa