Jump to content

Banner issues - what am I doing wrong?


willtudorevans

Recommended Posts

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

Link to comment
Share on other sites

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'.

Link to comment
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.
Note: Your post will require moderator approval before it will be visible.

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...