CSS Spacing
Hi, I am building a web site that will resemble a mac os x finder window. I am using css to algin the images and I can't get the space between the images to go away. Here is the code and an image.
HTML code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
<head>
<title>leomancini.net</title>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body><body bgcolor="#e5e5e5"><center><div class="header">hi</div>
<table cellpadding="0">
<tr>
<td><div class="sidebar"><br> System</div></td>
<td><div class="content"><br> hi</div></td>
</tr>
</table>
</body>
</html>
CSS Code:
DIV.header
{
border-width: 0px;
height: 60px;
width: 747px;
background-image: url("images/header.psd");
}
DIV.sidebar
{
border-width: 0px;
align: left;
height: 514px;
width: 185px;
background-image: url("images/sidebar.psd");
}
DIV.content
{
border-width: 0px;
height: 514px;
width: 563px;
background-image: url("images/content.psd");
}
Image:
HTML code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
<head>
<title>leomancini.net</title>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body><body bgcolor="#e5e5e5"><center><div class="header">hi</div>
<table cellpadding="0">
<tr>
<td><div class="sidebar"><br> System</div></td>
<td><div class="content"><br> hi</div></td>
</tr>
</table>
</body>
</html>
CSS Code:
Code:
DIV.header
{
border-width: 0px;
height: 60px;
width: 747px;
background-image: url("images/header.psd");
}
DIV.sidebar
{
border-width: 0px;
align: left;
height: 514px;
width: 185px;
background-image: url("images/sidebar.psd");
}
DIV.content
{
border-width: 0px;
height: 514px;
width: 563px;
background-image: url("images/content.psd");
}
Image:
Comments
http://www.htmlcodetutorial.com/tabl...amsupp_29.html