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  |
