Member Avatar for siddspy 
<html>
<head>
<center><font color="#BD2031" face="algerian" size="6">!! I LIKE - I HATE !!</center>   

<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style>

</head>
<br>
    <body background="teddy.gif">
<table width="100%" height="100%" align="left" cellpadding="0" cellspacing="0">

<tbody>
<tr>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I like : To smile :-)</b>
</td>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I hate : To cry :-(</b>
</td>
</tr>
<br>
<tr>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I like : My Parents</b>
</td>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I hate : Tears in my parents eyes.</b>
</td>
</tr>
<br>
<tr>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I like : To eat Choclates </b>
</td>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I hate : Non-Veg Food. :-(</b>
</td>
</tr>
<br>
<tr>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I like : To dance</b>
</td>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I hate : To watch others dance.</b>
</td>
</tr>
<br>
<tr>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I like : To talk</b>
</td>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I hate : To stay quiet.</b>
</td>
</tr>
<br>
<tr>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I like : My Friends.</b>
</td>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I hate : When my friends are sad</b>
</td>
</tr>
<br>
<tr>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I like : To work hard.</b>
</td>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I hate : To fool around.</b>
</td>
</tr>
<br>
<tr>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I like : To make everyone smile.</b>
</td>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I hate : To hurt people.</b>
</td>
</tr>
<br>
<tr>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I like : My Brother.</b>
</td>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I hate : His Attitude.</b>
</td>
</tr>
<br>
<tr>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I like : To Like.</b>
</td>
<td>
<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I hate : To Hate.</b>
</td>
</tr>
<br>
</tbody>
</table>
</body>
</html>

There is space between head and the table...

I have reduced it alot but its not going completely....


PLs pls pls pls pls pls help....

Siddharth

Edited by Ezzaral because: Fixed code tags from that mess.
  • 3 Contributors
  • 2 Replies
  • 106 Views
  • 17 Hours Discussion Span
  • Latest Post Latest Post by cfajohnson

Dani AI

Generated

A few focused changes will remove the gap and make the page more maintainable. already pointed to structural problems and recommended validating — both are good starting points. The next steps are to correct document structure, stop using presentation tags inside the head, and move spacing control into CSS instead of stray markup.

Do this checklist in order:

  • Put only metadata inside the head; move headings and visible content into the body.
  • Remove any line-break elements that sit outside table cells and avoid using presentational tags for layout or spacing.
  • Reset page margins with CSS (html, body { margin: 0; }) and control table spacing with padding or border-spacing.
  • Replace deprecated tags and attributes (font, center, body background) with CSS rules so styling is consistent.
  • Validate the document to surface structural errors and fix them (validation points make debugging much faster).

A minimal modern skeleton to follow (replace the table rows with your content) — this shows the structure and CSS approach:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>I LIKE - I HATE</title>
  <style>
    html,body { height:100%; margin:0; }
    body { background: url('teddy.gif') no-repeat center top; color:#BD2031; font-family: "Bradley Hand ITC", cursive; }
    table { width:100%; border-collapse:collapse; border-spacing:0; }
    td { padding:8px; vertical-align:top; }
    h1 { text-align:center; margin:16px 0; }
  </style>
</head>
<body>
  <h1>!! I LIKE - I HATE !!</h1>
  <table>
    <!-- add only tr and td here, no stray <br> between rows -->
  </table>
</body>
</html>

If the gap persists, open the browser dev tools, inspect the table and ancestors, and check the computed box model to find which element is adding top margin or unexpected whitespace. Refer to the HTML and table guidance on MDN for details about proper structure (Doctype, table element). This approach will remove the extra space and modernize the page for future edits.

Recommended Answers

All 2 Replies

Member Avatar for Smith5646

You have a <BR> between each of your table row end tags and the next table row start tags.

</TR>
<BR>
</TR>

Because the <br> is not in a table row, the browser moves it outside of the <table>. If you want a blank line, add a <br> after the text.

<font color="#BD2031" face="Bradley Hand ITC" size="4"><b>I like : To smile :-)</b><br>

You also need to remove the <br> from between the </head> and <body> tags and the one before the </tbody> tag. They are also being added above the table.

Also,

<center><font color="#BD2031" face="algerian" size="6">!! I LIKE - I HATE !!</center>

should not be in the <HEAD> section, it should be in the <BODY> section.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.