Evening (from where I am anyways) everyone.
First time poster (yay) long time reader, you guys have helped me (and a lot of other people) out in the past – but here’s one I still can’t find a conclusive answer to.
I have my container, my header, then a main content div and 2 sidebar div’s. Header image shows up, and 2 sidebar images show up – but for some unknown reason the main content image won’t show.
I’ve validated the code, I’ve checked images are in the correct folders – but just won’t work.
Enough rambling, here’s the relevant CSS (not sure how to do it in it’s own box, sorry):
Quote:
/*** Walls, floors, and ceilings ***/
.container {
width: 960px;
background: #a78d61;
margin: auto;
overflow: hidden;
}
.header {
background: #a78d61;
width: 960px;
height: 200px;
padding-bottom: 10px;
}
.content {
float: left;
margin-top: 10px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
width: 680px;
height: 770px;
background-image: url(../Images/contents.png);
background-repeat: no-repeat;
background: #a78d61;
}
.sidebar1 {
float: right;
margin-top: 10px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
width: 180px;
height: 40px;
background: #a78d61;
background-image: url(../Images/sidebar1.png);
background-repeat: no-repeat;
padding-bottom: 10px;
}
.sidebar2 {
float: right;
margin-top: 10px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
width: 180px;
height: 698px;
background: #a78d61;
background-image: url(../Images/sidebar2.png);
background-repeat: no-repeat;
}
|
HTML (not entirely relevant cause it’s almost all just CSS at this stage):
Quote:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Art of Deduction</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div class="header">
<img src="Images/art-of-ded-final.jpg" alt="The Art of Deduction" />
</div>
<div class="sidebar1">
<p>Stuff goes in here</p>
</div> <!– end .sidebar1 –>
<div class="content">
<p>Stuff goes in here</p>
</div> <!– end .content –>
<div class="sidebar2">
<p>Stuff goes in here</p>
</div> <!– end .sidebar2 –>
</div>
</body>
</html>
|
Okie dokie, I’ve checked all my uploaded files – Filezilla says they’re all there. Check my resources in Chrome and it doesn’t show that image as being there. So … yeah.
Any help would be amazingly appreciated.
Thanks in advance 
View full post on Tycoon Talk
Tags: background,
image,
issues
RSS Site Feed