hdshngout
10-03-2005, 01:04 AM
<html>
<head>
<style type="text/css">
body {
background: #000000;
}
#welcome {
width: 800px;
height: 30px;
background: url(http://www.toolbox.mindlesstrio.com/themes/1/top.gif);
margin-bottom: 0px;
margin-top: 0px;
}
#welcome h1 {
font-family: verdana;
text-align: left;
font-size: 14px;
margin: 0px;
}
#header {
width: 800px;
height: 50px;
background: #CB0000;
margin-top: 0px;
margin-bottom: 0px;
}
#header h1 {
font-family: verdana;
text-align: center;
font-size: 25px;
padding: 0px;
margin: 0px;
}
#left {
width: 200px;
background: #CB0000;
height: 100%;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#left h1 {
font-family: verdana;
text-align: center;
font-size: 25px;
padding: 0px;
margin: 0px;
}
#right {
width: 600px;
height: 100%;
background: #ffffff;
padding: 0px;
margin: 0px;
}
#right h1 {
font-family: verdana;
text-align: center;
font-size: 25px;
padding: 0px;
margin: 0px;
}
#footer {
width: 800px;
height: 25px;
background: url(http://www.toolbox.mindlesstrio.com/themes/1/bottom.gif);
margin-top: 0px;
margin-bottom: 0px;
}
#footer h1 {
font-family: verdana;
text-align: center;
font-size: 30px;
padding: 0px;
margin: 0px;
}
</style></head>
<title>The Test Page</title>
<body>
<center>
<table cellspacing="0" cellpadding="0">
<tr><td>
<div id="welcome">
</div></td></tr><tr><td>
<div id="header">
<h1>The Test Page</h1>
</div></td></tr></table>
<table cellspacing="0" cellpadding="0">
<tr><td>
<div id="left">
Menu Goes Here
</div></td><td>
<div id="right">
<p><span class="Code">Welcome to the MT Digital Toolbox Test page. This is where all of the examples and stuff will go.</span></p></div></td></tr></table></td></tr></table>
<table cellspacing="0" cellpadding="0">
<tr><td>
<div id="footer"></div></td></tr></table>
</body>
</html>
i have this layout, and above the right div, there is a space and i cant figure out how to get rid of it. you can see the page here
http://www.toolbox.mindlesstrio.com/hdshngout.html
im stumped and any help would be appreciated.
<head>
<style type="text/css">
body {
background: #000000;
}
#welcome {
width: 800px;
height: 30px;
background: url(http://www.toolbox.mindlesstrio.com/themes/1/top.gif);
margin-bottom: 0px;
margin-top: 0px;
}
#welcome h1 {
font-family: verdana;
text-align: left;
font-size: 14px;
margin: 0px;
}
#header {
width: 800px;
height: 50px;
background: #CB0000;
margin-top: 0px;
margin-bottom: 0px;
}
#header h1 {
font-family: verdana;
text-align: center;
font-size: 25px;
padding: 0px;
margin: 0px;
}
#left {
width: 200px;
background: #CB0000;
height: 100%;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#left h1 {
font-family: verdana;
text-align: center;
font-size: 25px;
padding: 0px;
margin: 0px;
}
#right {
width: 600px;
height: 100%;
background: #ffffff;
padding: 0px;
margin: 0px;
}
#right h1 {
font-family: verdana;
text-align: center;
font-size: 25px;
padding: 0px;
margin: 0px;
}
#footer {
width: 800px;
height: 25px;
background: url(http://www.toolbox.mindlesstrio.com/themes/1/bottom.gif);
margin-top: 0px;
margin-bottom: 0px;
}
#footer h1 {
font-family: verdana;
text-align: center;
font-size: 30px;
padding: 0px;
margin: 0px;
}
</style></head>
<title>The Test Page</title>
<body>
<center>
<table cellspacing="0" cellpadding="0">
<tr><td>
<div id="welcome">
</div></td></tr><tr><td>
<div id="header">
<h1>The Test Page</h1>
</div></td></tr></table>
<table cellspacing="0" cellpadding="0">
<tr><td>
<div id="left">
Menu Goes Here
</div></td><td>
<div id="right">
<p><span class="Code">Welcome to the MT Digital Toolbox Test page. This is where all of the examples and stuff will go.</span></p></div></td></tr></table></td></tr></table>
<table cellspacing="0" cellpadding="0">
<tr><td>
<div id="footer"></div></td></tr></table>
</body>
</html>
i have this layout, and above the right div, there is a space and i cant figure out how to get rid of it. you can see the page here
http://www.toolbox.mindlesstrio.com/hdshngout.html
im stumped and any help would be appreciated.