Hey, cheers for replying... I should have given you the code for the page...
- HTML: Select all
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>FairMadeMusic :: Michelle Hughes</title>
<style type="text/css">
body {background-color: #666666; font-family: helvetica, arial, sans-serif;}
.main {position:absolute; left:50%; top:50px; width:800px; z-index:1; margin-left:-400px; text-align:right;}
.content {width:568px; height:345px; float:left; padding:15px 30px 5px 32px; margin:5px 0 0 5px; overflow:auto; background-image:url(BoxBack2.jpg); background-attachment:fixed; background-repeat:no-repeat; background-color:#FFFFFF}
.sidebar {width:140px; height:350px; float:right; padding:10px 10px 5px 0; margin:5px 5px 0 0; background-color:#F0F0F0; border-left:4px solid; border-left-color:#666666; background-image:url(BoxBack3.jpg) }
.sidebar a:link, .sidebar a:active, .sidebar a:visited{color:#666666; font-weight:bold; text-transform:lowercase; letter-spacing:-1px; text-decoration:none}
.sidebar a:hover{color:#000000; font-weight:bold; text-transform:lowercase; letter-spacing:-1px}
.sidebar li{display:block; list-style:none; font-size:1.2em}
p{color:#666666; font-size:85%; text-align:justify}
</style></head>
<body>
<div class="main"><table style="width:800px; height:500px; background-color:#666666"><tr><td valign="top">
<img src="michellehughestitle.gif"style= "width:800px"/>
<div class="content">
<p>
<?php
$page = $_GET['page']
?>
<?php
switch ($page) {
case "history":
include 'history.html';
break;
case "music":
include 'music.html';
break;
case "media":
include 'media.html';
break;
case "gigs":
include 'gigs.html';
break;
case "gallery":
include 'gallery.html';
break;
case "community":
include 'community.html';
break;
case "credits":
include 'credits.html';
break;
default: include 'content.html';
break;
}
?>
</p>
</div>
<div class="sidebar">
<ul>
<li><a href="index.php?page=home">home</a></li>
<li><a href="index.php?page=history">history</a></li>
<li><a href="index.php?page=music">music</a></li>
<li><a href="index.php?page=media">media</a></li>
<li><a href="index.php?page=gigs">gigs</a></li>
<li><a href="index.php?page=gallery">gallery</a></li>
<li><a href="index.php?page=community">community</a></li>
<li><a href="index.php?page=credits">credits</a></li>
</ul>
</div>
<a href="link removed"><img src="myspace.gif" border="0" /></a>
</td>
</tr></table></div>
</body>
</html>
OK... so if you go to the index & "view page source", you see two sets of tags because there are two pages to display in one... the above code is for the page that stays there.. the base, I guess you'd call it... new pages open up in the main (".content") div.. The new pages have nothing but text/content on them...
- HTML: Select all
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
text/content goes here
</body>
</html>
So maybe I have missed something really obvious, but I can't understand how to fix the page as you describe.. can you explain exactly what is wrong with the
html please? (I know the text looks stupid at the mo cuz it overlaps the background image.. I'll be fixing that later..)
Cheers!
BW.
background image in a div
Oct 8th, 2006, 04:09
Similar Threads
