[RESOLVED] div issue

tobymac

check out http://www.hcrindienetwork.com/index2.php

i need to keep the "register/login" links in that place but i need the header to fill in the gap between the header and body. what am i doing wrong?

<?php
session_start(); // Must start session first thing
/* 
Created By Adam Khoury @ www.flashbuilding.com 
-----------------------June 20, 2008----------------------- 
*/
// See if they are a logged in member by checking Session data
$toplinks = "";
if (isset($_SESSION['id'])) {
	// Put stored session variables into local php variable
    $userid = $_SESSION['id'];
    $username = $_SESSION['username'];
	$toplinks = '<a href="member_profile.php?id=' . $userid . '">' . $username . '</a> &bull; 
	<a href="member_account.php">Account</a> &bull; 
	<a href="logout.php">Log Out</a>';
} else {
	$toplinks = '<a href="join_form.php">Register</a> &bull; <a href="login.php">Login</a>';
}
?>




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">



<head>

<title>Harbor City Records</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />



<link rel="stylesheet" type="text/css" href="default.css">



<style>

#bodydiv

{

height: 950px;

}

</style>



</head>

<body>

	<div id="container">

 	<div id="content">

	<?php include 'hcrheader/header.php'; ?>
	<div style="position:relative; top:0px; left:775px;"><?php echo $toplinks; ?></div>
	<div id="navbar">

	<?php include 'menu.php'; ?>
</div>

	<div id="bodydiv">

<table style="width: 870px; height: 500px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="text-align: center; vertical-align: top; width: 150px; white-space: nowrap;"><?php include 'latestnews.php'; ?></td>
<td style="width: 562px; text-align: center; vertical-align: top; white-space: nowrap;">
<table style="text-align: left; width: 552px;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="text-align: center; vertical-align: top;"><a href="http://www.harborcityrecords.com/hcrindienetwork/msd/join_form.php"><img style="border: 0px solid ; width: 138px; height: 296px;" alt="" src="http://www.harborcityrecords.com/hcrindienetwork/graphics/msd.jpg"></a></td>
<td><img style="width: 138px; height: 296px;" alt="" src="http://www.harborcityrecords.com/hcrindienetwork/graphics/vsd.jpg"></td>
<td><img style="width: 138px; height: 296px;" alt="" src="http://www.harborcityrecords.com/hcrindienetwork/graphics/mgd.jpg"></td>
<td><img style="width: 138px; height: 296px;" alt="" src="http://www.harborcityrecords.com/hcrindienetwork/graphics/vgd.jpg"></td>
</tr>
</tbody>
</table></td><td style="text-align: center; vertical-align: top;"><?php include 'featured-artist.php'; ?></td>
</tr></tbody>
</table>
</div>

	<div id="footer">

</div>

	<div id="underfooter">

<p class="footer">&copy 2011 HCR Network is a subsidary of Harbor City Records LLC. All Rights Reserved.</p>





</div>

</div>

</div>

</body>

</html>

johanafm

What happens if you move the div containing those links into the table above it by adding a new table row and cell?

tobymac

that would make it above the header... i dont want that. is there a way to just add a margined version of this http://www.hcrindienetwork.com/graphics/body.jpg between the header and body?

johanafm

First off, if by header and body you refer to the elements with id "htmlheader" and "bodydiv" respectively, there is nothing between them as the "htmlheader" actually contains the "bodydiv". Also, I wasn't talking about moving the register and login links above the htmlheader, just to another place inside the "htmlheader" element, namely in the table that appears at top level in the htmlheader, rather than after this table.

I dont't know what you mean about "margined version", but if you mean that you want that image as background for the register/login links, then by all means, set background-image: url('location/of/image.jpg') for the div that contains the links.