The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> space between header and the table, cannot get rid of the space between header and the table right below i
gsaray101
post May 3 2012, 11:20 AM
Post #1





Group: Members
Posts: 3
Joined: 3-May 12
Member No.: 17,041
I have a very simple page. There is a header and table right below it. There seems to be a huge empty space between the header and the table. Can someone look at this code let me know how can I fix this. I try this already and did not work.

CODE

<style type="text/css">
* {  

margin: 0;  

padding: 0;  

}

</style>



CODE

<html>
<head>
</head>
<body>


<h1>Header </h1>
<br>
<hr/>
<table cellpadding="0" cellspacing="0" valign="top"  height="100%" margin:0 padding:0; >  
        <tr valign="top">
        <td align="left" bgcolor="#FFFFF0" style="border-right:1px solid #000000;"><div id='test1'></div>
        <div style="width:1px;height:1000px;background-color:black;float:left;"></div>
        </td> 
    

    
    <td valign="top" >
   <div id='imageDisplay' scroll="yes"></div>
   </td>
<td valign="top" >
   <div id='imageDisplay1' scroll="yes"></div>
  
   </td>
   </tr>
   </table>
</div>
</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 3 2012, 12:23 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,733
Joined: 9-August 06
Member No.: 6
Get rid of the BR tags between the heading and the table.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
gsaray101
post May 3 2012, 12:30 PM
Post #3





Group: Members
Posts: 3
Joined: 3-May 12
Member No.: 17,041
did not work
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post May 3 2012, 12:39 PM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
Fix the markup errors reported by our online validator. See the links at the top and bottom of this page.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
gsaray101
post May 3 2012, 01:21 PM
Post #5





Group: Members
Posts: 3
Joined: 3-May 12
Member No.: 17,041
non of the errors has to with the space between the header and table. There is nothing in between.

CODE


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>

</head>
<body>


<h1>title </h1>

<hr>
<table cellpadding="0" cellspacing="0"  >  
        <tr valign="top">
        <td align="left" bgcolor="#FFFFF0">
        <div  id='test1' style="width:180px"></div>
        
        </td>
        <td>
        <div id="line" style="width:1px;height:1000px;background-color:black;float:none;"></div>
        </td>
    

    
    <td valign="top" >
   <div id='imageDisplay'></div>
   </td>
<td valign="top" >
   <div id='imageDisplay1'></div>
  
   </td>
   </tr>
   </table>
</body>
</html>


This post has been edited by gsaray101: May 3 2012, 01:22 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 3 2012, 02:06 PM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,733
Joined: 9-August 06
Member No.: 6
You've removed the style sheet so now the default margin on H1 causes a gap.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Markup (HTML, XHTML, XML) · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 27th April 2024 - 11:17 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC