5 Replies - 604 Views - Last Post: 15 November 2010 - 04:28 PM

#1 steveshoemaker  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 3
  • Joined: 14-November 10

Removing space between header image and table in Kompozer

Posted 14 November 2010 - 11:49 PM

Hello I have created a header image and placed it above a table in kompozer. The result is a little gap in between the two.

I would like the header to rest directly on the table. Any advice?

Note: I have tried getting the cursor between them to remove the row but the cursor jumps from the table to the image any way here is what the code looks like.

The header is 800 pixels long and 100 wide

And thank you!

<!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>testpage3</title>
</head>
<body
style="color: rgb(0, 0, 0); background-color: rgb(51, 102, 255);"
alink="#000099" link="#000099" vlink="#000099">
<br>
<div style="text-align: center;">&nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;<img style="height: 100px; width: 800px;" alt=""
src="../../../steveshoemaker.png">
</div>
<table
style="text-align: left; margin-left: auto; margin-right: auto; height: 487px; width: 798px;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="background-color: white; height: 487px;"><br>
<br>
<br>
<br>
<br>
<br>

Is This A Good Question/Topic? 0
  • +

Replies To: Removing space between header image and table in Kompozer

#2 MrLuke187  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 81
  • View blog
  • Posts: 237
  • Joined: 09-July 10

Re: Removing space between header image and table in Kompozer

Posted 15 November 2010 - 03:47 AM

Please put the code in the [code]-Code.

Also, your code don't seemed to be complete. You didn't closed the <body>-Tag.

Greetings: Luke
Was This Post Helpful? 0
  • +
  • -

#3 Shado3225  Icon User is offline

  • D.I.C Regular

Reputation: 17
  • View blog
  • Posts: 325
  • Joined: 23-February 10

Re: Removing space between header image and table in Kompozer

Posted 15 November 2010 - 04:07 AM

Tables are for displaying data and not page layouts, that is what the div tag is for.

*{margin:0px; padding:0px;}

Should remove any browser preset spacing.
Was This Post Helpful? 0
  • +
  • -

#4 steveshoemaker  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 3
  • Joined: 14-November 10

Re: Removing space between header image and table in Kompozer

Posted 15 November 2010 - 04:15 AM

@shado and mrluke thanks.

@shado

Where would you place that code?
Thanks for the replies and suggestions.


<!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>testpage3</title>
</head>
<body
 style="color: rgb(0, 0, 0); background-color: rgb(51, 102, 255);"
 alink="#000099" link="#000099" vlink="#000099">
<br>
<div style="text-align: center;">&nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;<img style="height: 100px; width: 800px;" alt=""
 src="../../../steveshoemaker.png">
</div>
<table
 style="text-align: left; margin-left: auto; margin-right: auto; height: 487px; width: 798px;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="background-color: white; height: 487px;"><br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      </td>
    </tr>
  </tbody>
</table>
<br>
</body>
</html>


Was This Post Helpful? 0
  • +
  • -

#5 Shado3225  Icon User is offline

  • D.I.C Regular

Reputation: 17
  • View blog
  • Posts: 325
  • Joined: 23-February 10

Re: Removing space between header image and table in Kompozer

Posted 15 November 2010 - 06:09 AM

Place it in your stylesheet (right on top) if external, or as the first defined style if internal.
Was This Post Helpful? 0
  • +
  • -

#6 steveshoemaker  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 3
  • Joined: 14-November 10

Re: Removing space between header image and table in Kompozer

Posted 15 November 2010 - 04:28 PM

Thanks I will try that.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1