gentrinity
05-16-2007, 03:57 PM
Hello everybody!
First time posting here in these forums but I have been coding in HTML since 2000. This seems like a good forum so I decided to come here to help solve a problem I have.
Im trying to build my first web site with the DotNetNuke Framework and im learning how to create skins. I am designing the table where all the images are to go myself because my boss doesnt want me to use any of the Adobe or Macromedia MX products to generate the HTML, hes like that, hes a manly man. No biggie, cause I am capable of doing the complex table structures to get all the images and web site as it should be, but Im having the following problem.
http://www.fifaracing.com/Print/Untitled-1.jpg
*I blurred out the logo and info of the company this is for, figured it wouldnt be very profesional of me*
As you can see, Im trying to build the table and inserting the images, but for some reason I am getting some space at the bottom of the images. On the image to the left, is the IE version and in the middle is the same version but I highlighted the images so you can see the spaces. The image on the right is the Mozilla version and it works.
I have tried various things to fix it, and using the align attribute in the img tag seeemed to work, but as soon as I applied it to the other img tags, I still got spaces.
Does anyone know why this is happening and how it can be fixed manually?
Heres the code, just in case
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
body
{
background-image:url(bg.jpg);
margin:0px 0px 0px 0px;
}
.one
{
position:absolute;
top:-2px;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" align="center" border="0">
<tr>
<td bgcolor="#FFFFFF" background="site_r4_c1.jpg" width="39"></td>
<td bgcolor="#FFFFFF" width="300">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="site_r1_c2.jpg" border="0">
</td>
<td>
</td>
</tr>
<tr>
<td>
<img src="site_r2_c2.jpg" border="0">
</td>
<td>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</td>
<td bgcolor="#FFFFFF" background="site_r4_c14.jpg" width="44"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF" width="39">
<img src="site_r5_c1.jpg">
</td>
<td bgcolor="#FFFFFF">
</td>
<td bgcolor="#FFFFFF" width="44">
<img src="site_r5_c14.jpg">
</td>
</tr>
</table>
</body>
</html>
First time posting here in these forums but I have been coding in HTML since 2000. This seems like a good forum so I decided to come here to help solve a problem I have.
Im trying to build my first web site with the DotNetNuke Framework and im learning how to create skins. I am designing the table where all the images are to go myself because my boss doesnt want me to use any of the Adobe or Macromedia MX products to generate the HTML, hes like that, hes a manly man. No biggie, cause I am capable of doing the complex table structures to get all the images and web site as it should be, but Im having the following problem.
http://www.fifaracing.com/Print/Untitled-1.jpg
*I blurred out the logo and info of the company this is for, figured it wouldnt be very profesional of me*
As you can see, Im trying to build the table and inserting the images, but for some reason I am getting some space at the bottom of the images. On the image to the left, is the IE version and in the middle is the same version but I highlighted the images so you can see the spaces. The image on the right is the Mozilla version and it works.
I have tried various things to fix it, and using the align attribute in the img tag seeemed to work, but as soon as I applied it to the other img tags, I still got spaces.
Does anyone know why this is happening and how it can be fixed manually?
Heres the code, just in case
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
body
{
background-image:url(bg.jpg);
margin:0px 0px 0px 0px;
}
.one
{
position:absolute;
top:-2px;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" align="center" border="0">
<tr>
<td bgcolor="#FFFFFF" background="site_r4_c1.jpg" width="39"></td>
<td bgcolor="#FFFFFF" width="300">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="site_r1_c2.jpg" border="0">
</td>
<td>
</td>
</tr>
<tr>
<td>
<img src="site_r2_c2.jpg" border="0">
</td>
<td>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</td>
<td bgcolor="#FFFFFF" background="site_r4_c14.jpg" width="44"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF" width="39">
<img src="site_r5_c1.jpg">
</td>
<td bgcolor="#FFFFFF">
</td>
<td bgcolor="#FFFFFF" width="44">
<img src="site_r5_c14.jpg">
</td>
</tr>
</table>
</body>
</html>