luvhartz
01-21-2005, 05:55 PM
um i have no idea if iv got this in the right place, cos well im sorry if i have because heres the thing, im trying out a layout like a neopets page, but im trying it on my website, just a tester to so how it works and im not sure if i put it on neopets if they will give me a code that only works on their server, so im realllllllly sorry if i am in the wrong place.
What i' trying to do, and failing is get my image background to go into the hyperlinks bar, only when i tried the ordinary code it just made the wrong place show the background. oops. so if anyone knows what i can do then please post :)
basically this is the code iv got so far :
<html>
<head>
<title>Angelic main!</title>
<style type="text/css">
body { background-color: #CC99ff; }
h1 {font-family: arial, verdana;
color: ffffff }
h2 {font-family: arial, verdana;
color: ffffff }
p {font-family: arial, verdana;
color: ffffff }
</style>
</head>
<body>
<div style="position:absolute; left:20px; top:100px; width:150px; height:400px; background-color:#FFCCFF; overflow:auto">
--------------------------------
hyperlinks here
--------------------------------
</div>
<div style="position:absolute; left:230px; top:100px; width:520px; height:400px; background-image: url(http://www.yourimageaddress.com/yourbkgimage.gif); background-color:#FFCCFF; overflow:auto; scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color : #000000;">
----------------------------------
content here.
----------------------------------
</div>
</body>
What i' trying to do, and failing is get my image background to go into the hyperlinks bar, only when i tried the ordinary code it just made the wrong place show the background. oops. so if anyone knows what i can do then please post :)
basically this is the code iv got so far :
<html>
<head>
<title>Angelic main!</title>
<style type="text/css">
body { background-color: #CC99ff; }
h1 {font-family: arial, verdana;
color: ffffff }
h2 {font-family: arial, verdana;
color: ffffff }
p {font-family: arial, verdana;
color: ffffff }
</style>
</head>
<body>
<div style="position:absolute; left:20px; top:100px; width:150px; height:400px; background-color:#FFCCFF; overflow:auto">
--------------------------------
hyperlinks here
--------------------------------
</div>
<div style="position:absolute; left:230px; top:100px; width:520px; height:400px; background-image: url(http://www.yourimageaddress.com/yourbkgimage.gif); background-color:#FFCCFF; overflow:auto; scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color : #000000;">
----------------------------------
content here.
----------------------------------
</div>
</body>