Forum Moderators: open
The whole css file is here
/*CONTENT START*/
div.content {
position: absolute;
margin: 145px 0px 0px 0px;
width: 100%;
z-index: 1;
}
/*CONTENT END*//*HEADER START*/
div.header {
position: absolute;
margin: 0px;
padding: 0px;
width: 287px;
height: 145px;
z-index: 2;
}
/*HEADER END*/
/*HEADERBG START*/
div.headerbackground {
background-image: url(images/matrixbg.jpg);
background-repeat: repeat;
margin: 0px;
height: 145px;
position: absolute;
width: 100%;
z-index: 1;
}
/*HEADERBG END*/
/*NAVIGATION START*/
div.navigation {
background-color: red;
border:1px solid green;
position: absolute;
margin: 145px 0px 0px 0px;
width: 199px;
z-index: 2;
}
/*NAVIGATION END*/
h1, h2, h3, p {
margin: 10px 35px 25px 205px;
}
img.logo {border:1px solid green;}
And the corresponding html file is here:
<head>
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
</head>
<body>
<div class="headerbackground">
<div class="content">
<p>
test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text
</p>
</div>
<div class="navigation">
<a href="www.google.com">GOOGLE</a></br>
<a href="www.google.com">GOOGLE</a></br>
<a href="www.google.com">GOOGLE</a></br>
</div>
<div class="headerbackground">
<div class="header">
<img class="logo" src="image/logo.png">
</div>
</div>
If i change:
/*HEADERBG START*/
div.headerbackground {
background-image: url(images/matrixbg.jpg);
background-repeat: repeat;
margin: 0px;
height: 145px;
position: absolute;
width: 100%;
z-index: 1;
}
/*HEADERBG END*/
To
/*HEADERBG START*/
div.headerbackground {
background-color: black;
background-repeat: repeat;
margin: 0px;
height: 145px;
position: absolute;
width: 100%;
z-index: 1;
}
/*HEADERBG END*/
It works fine with the color, just not with the image, the image path is correct and everything i've been wrestling with this for most of the day now, does anyone have any ideas what i am doing wrong?
Use the SciTE text editor
Highlight the path and file name and then (on a windoze pc) hit Ctrl + Shift + o
If the path is incorrect, nothing will happen
If the path is correct, the file will 'open' in a new tab - although, in the case of an image, the content will be meaningless (strings of chars that look like Wingdings on acid), it will confirm that your relative addressing works
