Nikie
12-04-2005, 03:24 AM
Okay, I'm working on my new layout for my collective and I had problems with it before and just couldn't figure out but I really want to use this type of rollover for my site. But, I'm using DIV Layers and absolute position...but I can't get my update side to line up with my navigation side...
here is the cap of it : http://img.photobucket.com/albums/v206/JeannieFan4ever/problem.jpg
Here is my code:
<html><head>
<title>Country Spirit: Nikie's Collective - Version 10: Walk the Line (Purple)</title>
<link rel="stylesheet" href="css.css" type="text/css">
</head>
<BODY>
<div style="position: absolute; left: 0px; top: 0px; z-index: 1">
<img src="layout-countryspirit.jpg">
</div>
<div style="position: absolute; top: 335px; left: 10px; width: 201px; z-index: 2" class="side">
<P>
<p class="header">Collective</p>
<div id="navcontainer">
<ul>
<li><a href="http://www.countryspirit.beautiful-letdown.net/collectives">Current</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/flinx">Joined</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/upcoming.php">Upcoming</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/pending.php">Pending</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/wishlist.php">Wishlist</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/keepinmind.php">Keep In Mind</a></li>
</ul>
</div>
<p class="header">Personal</p>
<div id="navcontainer">
<ul>
<li><a href="http://www.countryspirit.beautiful-letdown.net/collectives">Live Journal</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/flinx">Profile</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/upcoming.php">50 Facts</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/pending.php">Favorites</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/wishlist.php">Likes & Dislikes</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/keepinmind.php">Current Desktop</a></li>
</ul>
</div>
<p class="header">Site</p>
<div id="navcontainer">
<ul>
<li><a href="http://www.countryspirit.beautiful-letdown.net/collectives">About the Site</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/flinx">Credits</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/upcoming.php">Link Back Buttons</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/pending.php">Affiliates</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/wishlist.php">Past Layouts</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/keepinmind.php">Contact</a></li>
</ul>
</div>
<div style="position: absolute; top: 335px; left: 245px; width: 504px; z-index: 2" class="side">
<P>
<p class="header">Updates and News</p>
<?PHP
$number=4;
include("/home/beautif/public_html/countryspirit/cutenews/show_news.php");
?>
</div>
</BODY>
</HTML>
here is the cap of it : http://img.photobucket.com/albums/v206/JeannieFan4ever/problem.jpg
Here is my code:
<html><head>
<title>Country Spirit: Nikie's Collective - Version 10: Walk the Line (Purple)</title>
<link rel="stylesheet" href="css.css" type="text/css">
</head>
<BODY>
<div style="position: absolute; left: 0px; top: 0px; z-index: 1">
<img src="layout-countryspirit.jpg">
</div>
<div style="position: absolute; top: 335px; left: 10px; width: 201px; z-index: 2" class="side">
<P>
<p class="header">Collective</p>
<div id="navcontainer">
<ul>
<li><a href="http://www.countryspirit.beautiful-letdown.net/collectives">Current</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/flinx">Joined</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/upcoming.php">Upcoming</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/pending.php">Pending</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/wishlist.php">Wishlist</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/keepinmind.php">Keep In Mind</a></li>
</ul>
</div>
<p class="header">Personal</p>
<div id="navcontainer">
<ul>
<li><a href="http://www.countryspirit.beautiful-letdown.net/collectives">Live Journal</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/flinx">Profile</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/upcoming.php">50 Facts</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/pending.php">Favorites</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/wishlist.php">Likes & Dislikes</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/keepinmind.php">Current Desktop</a></li>
</ul>
</div>
<p class="header">Site</p>
<div id="navcontainer">
<ul>
<li><a href="http://www.countryspirit.beautiful-letdown.net/collectives">About the Site</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/flinx">Credits</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/upcoming.php">Link Back Buttons</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/pending.php">Affiliates</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/wishlist.php">Past Layouts</a></li>
<li><a href="http://www.countryspirit.beautiful-letdown.net/keepinmind.php">Contact</a></li>
</ul>
</div>
<div style="position: absolute; top: 335px; left: 245px; width: 504px; z-index: 2" class="side">
<P>
<p class="header">Updates and News</p>
<?PHP
$number=4;
include("/home/beautif/public_html/countryspirit/cutenews/show_news.php");
?>
</div>
</BODY>
</HTML>