Ok, my gf has a diaryland journal whcih she uses quite a bit [and is personal, so im afraid you cant view]
Right, the problem is she has made a layout with css, using divs. Alls fine, apart from the bg images. One works on the left hand div, but the right hand on doesnt work.
Within firefox, page properties and all that, it shows the image as "being there" but doesnt actually show it on the webpage, so it knows its there, just not letting anyone see.
The image is the same size as the div, basically the EXACT code thats used for the left hand div, so in theory it should work, the same.
I've googled about and seems there are ways to fix, but i dont understand
Right, the problem is she has made a layout with css, using divs. Alls fine, apart from the bg images. One works on the left hand div, but the right hand on doesnt work.
Within firefox, page properties and all that, it shows the image as "being there" but doesnt actually show it on the webpage, so it knows its there, just not letting anyone see.
The image is the same size as the div, basically the EXACT code thats used for the left hand div, so in theory it should work, the same.
I've googled about and seems there are ways to fix, but i dont understand
Code:
<html>
<head>
<style type="text/css">
body {
background: black;
font-family: verdana, verdana, sans-serif;
color:#FFFFFF;
font-size: 10px;
}
#menu {
position: absolute;
background-image:url(http://www.psypher.bull3t.co.uk/lucy/skywalk4.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
top: 10px;
left: 220px;
height: 180px;
width: 90px;
overflow:auto;
padding: 20px;
border: solid 1px #FFFFFF ;
}
#midentry {
position: absolute;
background-image:url(http://usera.imagecave.com/haildarkness/skywalk3.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
top: 10px;
left: 10px;
height: 180px;
width: 155px;
overflow:auto;
padding: 20px;
border: solid 1px #FFFFFF ;
text-align: ;
}
</style>
</head>
<body>
<div id="menu"> </div>
<div id="midentry"> </div>
</body>
</html>