Jump to content

Background-image dont work..


Recommended Posts

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 post
Share on other sites

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

Edited by jaylow
Link to post
Share on other sites

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 post
Share on other sites

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 post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...