Tweet
I want to create a curved effect with tables. What I mean is I have a colum, and a row. the row is on the top and the colum is on the left right. What I want to do is to make an illusion of the row and colum comnnected with a curved background the only problem is the backgrounbd image does not show and the yellow background dose not appear:
Code:
<!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 name="keywords"
content="canada, pro-canada, canadian, canadian planet, Canada, CANADA, cdn, toronto, vancouver">
<meta name="description"
content="The Canadian Planet: A pro-canada website. This resource contains articles, polls and a forum">
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style1.css">
<style type="text/css">
.submenu{display: none;}
</style>
<script type="text/javascript">
/***********************************************
* Switch Menu script- by Martial B of [url]http://getElementById.com/[/url]
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit [url]http://www.dynamicdrive.com/[/url] for full source code
***********************************************/
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
</script>
<title>The Canadian Planet -- A website dedicated to Canada.</title>
</head>
<body>
<img src="site_logo_button.gif" alt="The Canadian Planet"> <br>
<br>
<div style="position: absolute;">
<table style="top: 244px; height: 156px; left: 8px; width: 423px;">
<tbody>
<tr>
<td width="100" background="table_corner.gif">
<br>
</td>
<td bgclor="yellow"><td> <a
href="../forum/index.php"><img src="forums.gif" border="0" alt="Forums" /></a>
<img src="Articles.gif" alt="Articles" /> <br>
<img src="space.gif" width="550" height="1" />
</td>
</table>
</td>
</tr>
</tbody>
</table>
<table width="50" bgcolor="yellow">
<tbody>
<tr>
<td><!-- Keep all menus within masterdiv-->
<div id="masterdiv">
<div class="menutitle" onclick="SwitchMenu('sub1')">Site Menu</div>
<span class="submenu" id="sub1"> - <a href="new.htm">What's New</a><br>
- <a href="hot.htm">What's hot</a><br>
- <a href="revised.htm">Revised Scripts</a><br>
- <a href="morezone/">More Zone</a> </span>
<div class="menutitle" onclick="SwitchMenu('sub2')">FAQ/Help</div>
<span class="submenu" id="sub2"> - <a href="notice.htm">Usage
Terms</a><br>
- <a href="faqs.htm">DHTML FAQs</a><br>
- <a href="help.htm">Scripts FAQs</a> </span>
<div class="menutitle" onclick="SwitchMenu('sub3')">Search
articles</div>
<span class="submenu" id="sub3"> coming soon! </span> </div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="content" name="content">
test
</div>
</body>
</html>
Comment