aisha0930
10-13-2005, 04:33 PM
I got this layout from neoreality.vzz.net and when I try to center it it doesn't work
<html>
<head>
<title>Title here</title>
<style type="text/css">
body {scrollbar-face-color : 571505;
scrollbar-highlight-color : 764626;
scrollbar-3dlight-color : 000000;
scrollbar-shadow-color : 764626;
scrollbar-darkshadow-color : 000000;
scrollbar-track-color : 764626;
scrollbar-arrow-color : 000000;
background-image: url('http://img.photobucket.com/albums/v479/pnextra/websites/chocbg.gif'); background-repeat: repeat-y; background-position: 20px 50%; background-color: #764626; font-family: Arial, Helvetica, sans-serif; padding: 3px; font-size: 11px; color: #EDD6B6}
.head {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #D8AF6F; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: dashed; border-top-color: #D8AF63; border-right-color: #D8AF63; border-bottom-color: #D8AF63; border-left-color: #D8AF63;}
a:link, a:visited, a:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #571505; text-decoration: none;}
a:hover {color: #FFF2BC; text-decoration: none; background-color: #571505;}
</style>
</head>
<body>
<div id="Layer1" style="position:absolute; left:20px; top:0px; width:793px; height:427px; z-index:1"><img src="http://img.photobucket.com/albums/v479/pnextra/websites/choctop.gif" width="792" height="430"></div>
<div id="Layer2" style="position:absolute; left:628px; top:420px; width:131px; height:293px; z-index:2">
<p align="right" class="head">Heading</p>
<p align="right">
<a href="index.html">Link 1</a><br>
<a href="index.html">Link 2</a><br>
<a href="index.html">Link 3</a><br>
<a href="index.html">Link 4</a><br>
<a href="index.html">Link 5</a>
</p>
<p align="right" class="head">Heading</p>
<p align="right">
<a href="index.html">Link 1</a><br>
<a href="index.html">Link 2</a><br>
<a href="index.html">Link 3</a><br>
<a href="index.html">Link 4</a><br>
<a href="index.html">Link 5</a></p>
<p align="right" class="head">Credits</p>
<p align="right">
Site Content<br>
YOUR SITE<br>
Images from<br>
<a href="http://www.neopets.com" target="_blank">Neopets.com</a><br>
Layout Code<br>
<a href="http://www.neoreality.vzz.net" target="_blank">Neo-Reality</a>
<p></div>
<div id="Layer3" style="position:absolute; left:74px; top:420px; width:544px; height:293px; z-index:3">
<p class="head">About this Layout</p>
<p>
Yummy! A new layout featuring the crumptious chocolate theme! This layout is different to all other layouts I have made becaus it's a Div Layered code rather than a tables layout.
</p>
<p class="head">Using this Layout</p>
<p>
Be very very very careful when you edit the content because you might accidently erase a whole layer! To get a new heading, just copy the code above and paste it wherever you want. This is the same for the navigation as well.
</p>
<p class="head">Copyrights and Credits</p>
<p>
You must absolutely NOT remove my credit for making this layout. There must be a link back to Neo-Reality on all pages, even if you have changed the top banner. The Credit section of the navigation is not allowed to be removed, and you may only edit the part where it says "YOUR SITE".
Images are from Neopets.com, and failure to put that up might mean a big lawsuit.
</p>
<p class="head">Other Stuff</p>
<p>
I'm thinking of making complimentary graphics for this layout, such as a chocolate guild layout or a chocolate lookup. If you really want one, feel free to email me at jenchick_council@hotmail.com =)
</p>
<p></div>
</body>
</html>
<html>
<head>
<title>Title here</title>
<style type="text/css">
body {scrollbar-face-color : 571505;
scrollbar-highlight-color : 764626;
scrollbar-3dlight-color : 000000;
scrollbar-shadow-color : 764626;
scrollbar-darkshadow-color : 000000;
scrollbar-track-color : 764626;
scrollbar-arrow-color : 000000;
background-image: url('http://img.photobucket.com/albums/v479/pnextra/websites/chocbg.gif'); background-repeat: repeat-y; background-position: 20px 50%; background-color: #764626; font-family: Arial, Helvetica, sans-serif; padding: 3px; font-size: 11px; color: #EDD6B6}
.head {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #D8AF6F; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: dashed; border-top-color: #D8AF63; border-right-color: #D8AF63; border-bottom-color: #D8AF63; border-left-color: #D8AF63;}
a:link, a:visited, a:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #571505; text-decoration: none;}
a:hover {color: #FFF2BC; text-decoration: none; background-color: #571505;}
</style>
</head>
<body>
<div id="Layer1" style="position:absolute; left:20px; top:0px; width:793px; height:427px; z-index:1"><img src="http://img.photobucket.com/albums/v479/pnextra/websites/choctop.gif" width="792" height="430"></div>
<div id="Layer2" style="position:absolute; left:628px; top:420px; width:131px; height:293px; z-index:2">
<p align="right" class="head">Heading</p>
<p align="right">
<a href="index.html">Link 1</a><br>
<a href="index.html">Link 2</a><br>
<a href="index.html">Link 3</a><br>
<a href="index.html">Link 4</a><br>
<a href="index.html">Link 5</a>
</p>
<p align="right" class="head">Heading</p>
<p align="right">
<a href="index.html">Link 1</a><br>
<a href="index.html">Link 2</a><br>
<a href="index.html">Link 3</a><br>
<a href="index.html">Link 4</a><br>
<a href="index.html">Link 5</a></p>
<p align="right" class="head">Credits</p>
<p align="right">
Site Content<br>
YOUR SITE<br>
Images from<br>
<a href="http://www.neopets.com" target="_blank">Neopets.com</a><br>
Layout Code<br>
<a href="http://www.neoreality.vzz.net" target="_blank">Neo-Reality</a>
<p></div>
<div id="Layer3" style="position:absolute; left:74px; top:420px; width:544px; height:293px; z-index:3">
<p class="head">About this Layout</p>
<p>
Yummy! A new layout featuring the crumptious chocolate theme! This layout is different to all other layouts I have made becaus it's a Div Layered code rather than a tables layout.
</p>
<p class="head">Using this Layout</p>
<p>
Be very very very careful when you edit the content because you might accidently erase a whole layer! To get a new heading, just copy the code above and paste it wherever you want. This is the same for the navigation as well.
</p>
<p class="head">Copyrights and Credits</p>
<p>
You must absolutely NOT remove my credit for making this layout. There must be a link back to Neo-Reality on all pages, even if you have changed the top banner. The Credit section of the navigation is not allowed to be removed, and you may only edit the part where it says "YOUR SITE".
Images are from Neopets.com, and failure to put that up might mean a big lawsuit.
</p>
<p class="head">Other Stuff</p>
<p>
I'm thinking of making complimentary graphics for this layout, such as a chocolate guild layout or a chocolate lookup. If you really want one, feel free to email me at jenchick_council@hotmail.com =)
</p>
<p></div>
</body>
</html>