willtudorevans Posted November 26, 2011 Report 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
willtudorevans Posted November 26, 2011 Author Report 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'.
administrator Posted November 27, 2011 Report Posted November 27, 2011 It's always good to figure things out on your own. Stefan
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now