jaylow Posted February 12, 2011 Share Posted February 12, 2011 hi My back ground image does not want to showits should fill the hole page in one time i dont know what i do wrong i was looking at the CSS background prope w3shools page i did what it sayed but nothing happendsame thing for the header...could some one see whats i do wrongthanksCSS CODE: body{padding:0; margin:0; border:0;background-color: #fff;background: url ( testsite.jpg );background-repeat:no-repeat;background-position: 100% 100%;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:.8em;color:#000;z-index:123;}#head {background-image: url (header.png);background-repeat:no-repeat;} Html Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><title>sunnieday</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><link type="text/css" rel="stylesheet" href="suny.css" /></head><Body><div id="header"><p>Hello do something....</p></div><p> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></body></html> Link to comment Share on other sites More sharing options...
jeffman Posted February 12, 2011 Share Posted February 12, 2011 Copy the examples perfectly. You added spaces where they do not belong:this:url ( testsite.jpg )should be this:url(testsite.jpg) Link to comment Share on other sites More sharing options...
jaylow Posted February 12, 2011 Author Share Posted February 12, 2011 still does nothing .. i am testing it in firefox and IE7 or 8..i path is also good its in the same folder and the name of the file is the same so it should showalso the suny.css file is in the good place and no typo's Link to comment Share on other sites More sharing options...
jeffman Posted February 13, 2011 Share Posted February 13, 2011 Are you looking for the body background image in the bottom-right corner of your document? That is where 100% 100% will put it. You may have to scroll down. Link to comment Share on other sites More sharing options...
jaylow Posted February 13, 2011 Author Share Posted February 13, 2011 still not there i can scroll down i put it on 0% 0% and it also does not showits a 1240x1024 size so its not like i can find it on a empthy page :)how can i make it that it is over the hole body?i want to use it as a layout and push the text i want in the on the place i wantand the menu text in the menu on the picture Link to comment Share on other sites More sharing options...
jeffman Posted February 13, 2011 Share Posted February 13, 2011 None of that matters if you can't get the image to work right.I took the time to copy your exact code. I made the corrections to the url definition. My HTML document and the CSS document are in the same directory. It works.So maybe you did not type the url property correctly. Or the filename is not correct. Or the file path is not correct.Maybe you just need to clear your cache to make sure your browser is using the updated version of the css file. Link to comment Share on other sites More sharing options...
jaylow Posted February 13, 2011 Author Share Posted February 13, 2011 okay okay found out why it did not work i moved the files to a other folder 1 hour ago but did not reopen the files in notepad++so i was saving on the old location so all the paths were wrong damn that was a 1.5 hour wast of time :)thanks for all the help !!!so now how do i make my picture scale to the screen size i have Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.