willtudorevans Posted November 26, 2011 Report Share Posted November 26, 2011 Hi guys, I'm currently developing a banner in the style demonstrated in Chris Coyle's first video podcast. The banner is appearing fine until I try to go into live view/preview mode, when the image completely disappears and I'm just left with the background. Any thoughts on why this might be? Here is the css I'm using: * { margin: 0px; padding: 0px; } body { text-align:center; background: url(images/repeatxbanner.png) repeat-x top #F2F2F2; } #banner{ margin: 0 auto; background: url(images/banner_image.jpg) no repeat; width: 892px; height: 284px; } And the html: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href ="job.css" rel="stylesheet" type="text/css" /> <title>JOB</title> </head> <body> <div id="banner"> </div> </body> </html> Any thoughts on why the image just disappears upon preview would be much appreciated. Percy Quote Link to comment Share on other sites More sharing options...
willtudorevans Posted November 26, 2011 Author Report Share Posted November 26, 2011 Hi guys, I'm currently developing a banner in the style demonstrated in Chris Coyle's first video podcast. The banner is appearing fine until I try to go into live view/preview mode, when the image completely disappears and I'm just left with the background. Any thoughts on why this might be? Here is the css I'm using: * { margin: 0px; padding: 0px; } body { text-align:center; background: url(images/repeatxbanner.png) repeat-x top #F2F2F2; } #banner{ margin: 0 auto; background: url(images/banner_image.jpg) no repeat; width: 892px; height: 284px; } And the html: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href ="job.css" rel="stylesheet" type="text/css" /> <title>JOB</title> </head> <body> <div id="banner"> </div> </body> </html> Any thoughts on why the image just disappears upon preview would be much appreciated. Percy Doh! I was missing a dash between 'no' and 'repeat'. Quote Link to comment Share on other sites More sharing options...
administrator Posted November 27, 2011 Report Share Posted November 27, 2011 It's always good to figure things out on your own. Stefan Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.