Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

How do I get rid of the space at the top of my webpage?

Status
Not open for further replies.

Ratbags21

Programmer
Sep 21, 2005
22
GB
I know this is a real "newbie" question, but bear with.

I have created a table at the top of my template for the website "sig" and an animation to the right of it. But I can see there is a space between the top of the table and the top of the page (its about approx 10-15 pixels).

How do I get rid? I want my table to be bang smack up at the top of my webpage.

Would appreciate someone's help on this

many thanks
 
Can you post the code? And why are you still using tables?



Cheers,

Bluetone
 
Here's the Code (The page is still under construction!)

Why the comment about tables? I'm using them instead of
frames - what should I be doing?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="800" height="130" border="0" align="center">
<tr>
<td height="100" valign="top"><img src="Images/Signature_With%20Fade.jpg" width="396" height="100"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" width="400" height="100">
<param name="movie" value="masthead.swf">
<param name="quality" value="high">
<embed src="masthead.swf" quality="high" pluginspage=" type="application/x-shockwave-flash" width="400" height="100"></embed>
</object></td>
</tr>
<tr>
<td height="22" valign="top"><img src="Images/MenuBar_02.gif" width="800" height="24" border="0" usemap="#Map"></td>
</tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp; </p>
<map name="Map">
<area shape="rect" coords="113,3,194,21" href="Tutorials.cfm">
<area shape="rect" coords="211,3,293,20" href="DeleteRecords.cfm">
<area shape="rect" coords="309,4,390,20" href="UpdateRecords.cfm">
</map>
</body>
</html>

many thanks for your help

R21
 
Rather than look at the table issue right now....

Almost no one uses frames. Tables are also pretty much dead. CSS/Layers - the wave of the future! (There, do I sound like an ad?)

Anyway, try putting this in a layer instead of a table and the issue should dissappear. You should find them easier to work with also. But if you prefer to keep the table layout let me know.



Cheers,

Bluetone
 
Thanks Bluetone - appreciate your prompt reply

I am quite happy to use layers but I am also using
Coldfusion for the database stuff, so within a layer
how do I get "table-like" qualities eg. rows and columns
as CFOutput requires these to output query results.

your thoughts very welcome!

cheers

R21
 
R21

This is a style problem, insert the code below in your <head> statement, between the <meta.... line and the </head> line, and it will work fine.

On the other hand, you could take the code below (without the first two and last two lines), save it as a file in it's own right (style.css), load it into your web directory, then put the code:

Code:
<link href="style.css" rel="STYLESHEET" type="text/css">

in the same place, and voila, you've mastered css!

Code:
<style>
<!--
BODY  {
	margin-left : 0;
	margin-top : 0;
	margin-right : 0;
	margin-bottom : 0;
	margin : 0;
	padding-left : 0;
	padding-right : 0;
	padding-top : 0;
	padding-bottom : 0;
	padding : 0;
	font-size : 8pt;
	font-family : Arial;
	font-weight : normal;
	font-style : normal;
	color : Black;
}
-->
</style>

Liark


 
Forgot to mention, to get the code bang smack up, change the table to:
Code:
<table width="800" height="130" border="0" cellspacing="0" cellpadding="0" align="center">

Liark


 
ColdFusion can output data using tables, CSS, layers, or any html - but tables are not required - content and format are separated. Try experimenting with the output until you get it the way you want it. Put the CFOUTPUT tag inside the layer <div> and then use CSS to control the presentation. Try the <SPAN> tag to start with. Let me know if you need some specific examples.

Cheers.

Cheers,

Bluetone
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top