Jump to content

How to make table up to the top

shmilylemon

By shmilylemon
in HTML/XHTML

 Share

Recommended Posts

shmilylemon Newbie

shmilylemon

Posted
Posted

I have tried to write a page with just one table. But there is always some space above my table. How to make the table start right from the beginning? Thanks.Here is the pagehttp://www.library.uiuc.edu/prescons/TEST/And here is the code relevant I guessed

<body bgcolor="#252e70"><table cellpadding="0" cellspacing="0" width="75%" border="0" align="center" bgcolor="#FFFFFF">.....

Link to comment
Share on other sites
Nudua Newbie

Nudua

Posted
Posted

Try this:

<body bgcolor="#252e70" padding="0"><table cellpadding="0" cellspacing="0" width="75%" border="0" align="center" bgcolor="#FFFFFF" margin="0">

Link to comment
Share on other sites
Nudua Newbie

Nudua

Posted
Posted

I saw that you had body {...blabla...margin: 15px;...blabla...} in your CSS so change that to margin: 0pxor

...<table cellpadding="0" cellspacing="0" width="75%" border="0" align="center" bgcolor="#FFFFFF"><tr></tr>...

Take away the <tr></tr> like this:

...<table cellpadding="0" cellspacing="0" width="75%" border="0" align="center" bgcolor="#FFFFFF">...

Link to comment
Share on other sites
shmilylemon Newbie

shmilylemon

Posted
  • Author
Posted

Thanks very much :) I have changed the body margin in CSS to 0px, removed the blank tr tag, and added padding=0 to body tag, but there is still space above the table. The space is much less though because of the change to the CSS. I dont think the other two changes make any difference:(Do you have any idea?Thanks again~btw, do you have any suggestion to this webpage?

Link to comment
Share on other sites
Nudua Newbie

Nudua

Posted
Posted
Thanks very much :) I have changed the body margin in CSS to 0px, removed the blank tr tag, and added padding=0 to body tag, but there is still space above the table.  The space is much less though because of the change to the CSS. I dont think the other two changes make any difference:(Do you have any idea?Thanks again~btw, do you have any suggestion to this webpage?

Have you tried the padding="0" in the body?I have 1 suggestion and that is to change the pictures on the top when you hover them. You can see how you can do it here
Link to comment
Share on other sites
wannabe_god Newbie

wannabe_god

Posted
Posted

I had the same problem. I made:

<html> <head> <title>Menu</title> </head> <body bgcolor="#333333"> <table width="130" border="1" cellspacing="0" cellpadding="0"   <tr>     <td height="40">option 1</td>   </tr>   <tr>     <td height="40">option 2</td>   </tr>   <tr>     <td height="40">keuze 3</td>   </tr>   <tr>     <td height="40">keuze 4</td>   </tr> </table> </body> </html>

But I don't want to have any margin, because it is for an iframe. Is there any way to fix it without another language than html?

Link to comment
Share on other sites
scott100 Dedicated Member

scott100

Posted
Posted

try this wannabe_god<html> <head> <title>Menu</title> </head> <body bgcolor="#333333" style="margin:0px;padding:0px"> <table width="130" border="1" cellspacing="0" cellpadding="0" <tr> <td height="40">option 1</td> </tr> <tr> <td height="40">option 2</td> </tr> <tr> <td height="40">keuze 3</td> </tr> <tr> <td height="40">keuze 4</td> </tr> </table> </body> </html>

Link to comment
Share on other sites
scott100 Dedicated Member

scott100

Posted
Posted

for shmilylemon: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- saved from url=(0042)http://www.library.uiuc.edu/prescons/TEST/ --><?xml version="1.0" encoding="iso-8859-1"?><HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign</TITLE><META http-equiv=Content-Type content="text/html; charset=iso-8859-1"><LINK href="Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign_files/presconsstyle.css" type=text/css rel=STYLESHEET><META content="MSHTML 6.00.2900.2802" name=GENERATOR></HEAD><BODY bgColor=#252e70 cell-padding="0"><TABLE cellSpacing=0 cellPadding=0 width="75%" align=center bgColor=#ffffff border=0>  <TBODY>  <TR>    <TD><A href="http://www.uiuc.edu/"><IMG height=30 alt="UIUC Homepage"       src="Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign_files/UILogo-SMt.gif"       width=30 border=0></A> <A       href="http://www.library.uiuc.edu/index.html"><IMG alt="Library Gateway"       src="Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign_files/library_gateway.gif"       border=0></A> <A       href="http://www.library.uiuc.edu/resource/librarycatalogs.html"><IMG       alt="Library Catalog"       src="Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign_files/catalog.gif"       border=0></A> <A href="http://www.library.uiuc.edu/orr/"><IMG       alt="Library Onlinle Research Resource "       src="Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign_files/orr.gif"       border=0></A> <A       href="http://www.library.uiuc.edu/services/libraryservices.html"><IMG       alt="Library Service"       src="Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign_files/services.gif"       border=0></A> <A href="http://www.library.uiuc.edu/libraryhelp.html"><IMG       alt="Library Help"       src="Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign_files/help.gif"       border=0></A> <A       href="http://www.library.uiuc.edu/resource/librarysitemap.html"><IMG       alt="Library Site Map"       src="Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign_files/sitemap.gif"       border=0></A></TD></TR>  <TR>    <TD>      <DIV align=left><FONT size=6><STRONG><FONT size=5><STRONG><FONT       face="Courier New, Courier, mono" color=#0066ff><IMG height=87       alt="Preservation Logo" hspace=5       src="Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign_files/logo.jpg"       width=191 align=absMiddle></FONT></STRONG></FONT><FONT       color=#0066ff>    <FONT color=#252e70       size=6>Preservation &     Conservation</FONT></FONT></STRONG></FONT></DIV></TD></TR>  <TR>    <TD align=middle><IMG height=179       src="Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign_files/editing4.jpg"       width=817 border=0></TD></TR></table><TABLE cellSpacing=0 cellPadding=0 width="817px" align=center bgColor=#ffffff border=0 style="position:relative;top:-20px">  <TR>    <TD>      <TABLE class=navigation_bar width="100%" border=0>        <TBODY>        <TR>          <TD><A class=nav             href="http://www.library.uiuc.edu/prescons/TEST/index.htm">Home           </A></TD>          <TD><IMG height=35 alt=""             src="Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign_files/line.gif"             width=2></TD>          <TD><A class=nav             href="http://www.library.uiuc.edu/prescons/TEST/services.htm">Services             </A></TD>          <TD><IMG height=35 alt=""             src="Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign_files/line.gif"             width=2></TD>          <TD><A class=nav             href="http://www.library.uiuc.edu/prescons/TEST/policies_and_procedures.htm">Policies             & Procedures </A></TD>          <TD><IMG height=35 alt=""             src="Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign_files/line.gif"             width=2></TD>          <TD><A class=nav             href="http://www.library.uiuc.edu/prescons/TEST/disaster_response.htm">Disaster             Response </A></TD>          <TD><IMG height=35 alt=""             src="Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign_files/line.gif"             width=2></TD>          <TD><A class=nav             href="http://www.library.uiuc.edu/prescons/TEST/projects_and_grants.htm">Projects             & Grants </A></TD>          <TD><IMG height=35 alt=""             src="Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign_files/line.gif"             width=2></TD>          <TD><A class=nav             href="http://www.library.uiuc.edu/prescons/TEST/sitemap.htm">Site             Map </A></TD></TR></TBODY></TABLE></TD></TR>  <TR>    <TD>      <P class=oppWin><STRONG><FONT color=#000099 size=5>T</FONT></STRONG>he       Preservation and Conservation program operates with the holistic vision of       developing a comprehensive management program that focuses its energies on       building a sustainable collections care and maintenance program for the       entire library system. This vision is further developed in our <A       href="http://www.library.uiuc.edu/prescons/TEST/mission_statement.htm">mission</A>       and <A       href="http://www.library.uiuc.edu/prescons/TEST/service_statement.htm">service</A>       statements. To learn more about the history of preservation and       conservation at the University of Illinois at Urbana-Champaign, please       read our <A       href="http://www.library.uiuc.edu/prescons/TEST/history.htm">Brief       History</A>. </P>      <P class=oppWin>For information about the services we offer and news about       current preservation and conservation activities, please follow the links       for <A       href="http://www.library.uiuc.edu/prescons/TEST/services.htm">services</A>       and <A       href="http://www.library.uiuc.edu/prescons/TEST/newsletters.htm">newsletters</A>.       </P>      <P class=oppWin>For staff contacts and other administrative information,       please follow this link to <A       href="http://www.library.uiuc.edu/prescons/TEST/administration.htm">Preservation       and Conservation Administration</A>. </P>      <DIV></DIV>      <P class=oppWin>Many of the documents on this page (those which end in       .pdf) require an Adobe Acrobat Reader, which can be downloaded for free       below.<BR><A       href="http://www.adobe.com/products/acrobat/readstep2.html"><IMG       alt="Download Adobe Acrobat Reader"       src="Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign_files/acrobat.gif">       </A></P></TD></TR>  <TR>    <TD>      <TABLE class=signature_block align=center>        <TBODY>        <TR>          <TD><A href="http://www.uiuc.edu/"><IMG height=60             alt="University of Illinois at Urbana-Champaign"             src="Preservation and Conservation at the Library of the University of Illinois at Urbana-Champaign_files/UILogo-SMt.gif"             width=60 border=0> </A></TD>          <TD><A href="http://www.uiuc.edu/">University of Illinois at             Urbana-Champaign</A><BR><A             href="http://www.library.uiuc.edu/">Library Gateway Homepage</A><BR><!-- THIS IS WHERE YOU MAKE CHANGES TO E-MAIL ADDRESS AND INITIALS -->Comments             to: <A href="mailto:prescons@cliff.library.uiuc.edu">Pres/Cons             Webmaster </A><BR>Last modified: Monday, 03-Apr-2006 11:23:13 CDT         </TD></TR></TBODY></TABLE></TD></TR><BR></TBODY></TABLE></BODY></HTML>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...