PDA

View Full Version : Remove white space between header image and table



jbtruthiness
Sep 26th, 2010, 04:33 PM
I'm trying to place a table right after a image being used as the header in order to use it as the navigation bar, but there is white space between the two objects, and I can't seem to get rid of it. Any help would be much appreciated.

It's really kind of pathetic actually.


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body leftmargin="0" topmargin="0" padding="0"
marginheight="0">
<img style="width: 1365px; height: 72px;" alt=""
src="../Final%20Banner.gif">
<table
style="width: 1365px; height: 58px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>

abduraooft
Sep 26th, 2010, 06:08 PM
<img style="width: 1365px; height: 72px;" alt=""
src="../Final%20Banner.gif">
Might be that mysterious gap (http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps), which can be removed by setting display:block; or some float to that img element.

PS: Don't you know why using tables for layout is stupid (http://www.hotdesign.com/seybold/)?

jbtruthiness
Sep 26th, 2010, 06:32 PM
Thanks! That helped.

Plus that hotdesign website is really interesting

Major Payne
Sep 27th, 2010, 11:16 AM
Might also help...

Tableless Web Design: http://en.wikipedia.org/wiki/Tableless_web_design
How to convert manually your HTML tables to CSS: http://www.table2css.com/articles/convert-your-html-tables-to-css
Images, Tables, and Mysterious Gaps: https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps