|
HTML - Problem With To Much Space At Bottom Of Page.. I Dont Know How To Solve , Please Help
Hi on one of my websites there is just to much dead space at bottom of page and it makes people have to scroll down to see the whole page . how do i get rid of that blank space at bottom? i have tried just deleting but it doesnt want to delete it . i think there is a code error or two , im gonna try to post the html code of site here ..
Thanks for help in advance . CODE: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Exclusive - Template</TITLE> <META http-equiv=Content-Type content="text/html; charset=utf-8"> <STYLE type=text/css>#mainWrapper { MARGIN-TOP: 0px; FONT-SIZE: 12px; MARGIN-LEFT: auto; WIDTH: 732px; COLOR: #333333; MARGIN-RIGHT: auto; FONT-FAMILY: Arial, Helvetica, sans-serif } BODY { MARGIN-TOP: 0px; BACKGROUND-IMAGE: url(repeater-orange.jpg); BACKGROUND-REPEAT: repeat-x } #video-area { BACKGROUND-IMAGE: url(../ExclusiveTemplate/HTML/images/video-area-bg.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 385px } #footer { BORDER-TOP: #cccccc 1px dotted; MARGIN-TOP: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } .style1 { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666 } </STYLE> <META content="Created with Trellian WebPage" name=description> <META content="MSHTML 6.00.2900.6036" name=GENERATOR></HEAD> <BODY> <DIV align=center> <TABLE style="Z-INDEX: 101; LEFT: 331px; WIDTH: 589px; POSITION: absolute; TOP: 103px; HEIGHT: 351px" height=351 cellSpacing=0 cellPadding=0 width=589 border=0> <TBODY> <TR> <TD><IMG style="WIDTH: 596px; HEIGHT: 334px" height=300 alt="" hspace=0 src="7fa10df874.jpg" width=600 border=0></TD></TR></TBODY></TABLE> <DIV id=mainWrapper style="WIDTH: 733px; HEIGHT: 1101px"> <DIV id=header align=left><IMG style="WIDTH: 732px; HEIGHT: 87px" height=84 alt="" hspace=0 src="header-orange.jpg" width=732 border=0> </DIV> <DIV align=center><IMG height=385 alt="" hspace=0 src="video-area-bg.jpg" width=732 border=0></DIV> <P align=center><FONT face=Default size=2><FONT face=Impact><FONT size=4><FONT face="Gill Sans MT" color=#ff0000><STRONG>Discover The Secret $35K/Month System That <U>WILL</U> Separate You From The Pack!</STRONG></FONT> <BR></FONT></FONT><FONT size=3><FONT face="Tw Cen MT"><FONT face="Lucida Sans Unicode" color=#000000 size=2>You Will Be Getting Instant Access To The Full 1on1 Training Course That <BR>Others Have Paid Upto $1,997 To Use For <U>FREE</U>! This Wont Last Long, Sign Up Today...</FONT></FONT></FONT><BR></FONT><IMG style="Z-INDEX: 102; LEFT: 374px; POSITION: absolute; TOP: 721px" height=111 alt="" hspace=0 src="arrow-hand.JPG" width=128 border=0> <SCRIPT src="http://www.jotform.com/min/g=jotform&3.1.9" type=text/javascript></SCRIPT> <SCRIPT type=text/javascript> JotForm.init(function(){ $('input_7').hint('ex: myname@example.com'); }); </SCRIPT> <LINK href="http://www.jotform.com/css/styles/form.css?v3.1.9" type=text/css rel=stylesheet><LINK href="http://www.jotform.com/css/styles/jottheme.css" type=text/css rel=stylesheet><LINK href="http://www.jotform.com/css/calendarview.css?v3.1.9" type=text/css rel=stylesheet> <STYLE type=text/css>.form-label { WIDTH: 50px! important } .form-label-left { WIDTH: 50px! important } .form-line { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } .form-label-right { WIDTH: 50px! important } .form-all { FONT-SIZE: 12px; BACKGROUND: #ffffff; WIDTH: 250px; COLOR: #000000! important; FONT-FAMILY: "Trebuchet MS" } </STYLE> <FORM class=jotform-form id=3155437226 name=form_3155437226 accept-charset=utf-8 action=http://www.jotform.com/submit.php method=post><INPUT type=hidden value=3155437226 name=formID> </P> <DIV class=form-all> <DIV align=center> <UL class=form-section> <DIV align=left> <LI class=form-line id=id_9><LABEL class=form-label-right id=label_9 for=input_9>First Name<SPAN class=form-required>*</SPAN> </LABEL> <DIV class=form-input id=cid_9><INPUT class="form-textbox validate[required]" id=input_9 size=30 name=q9_firstName9> </DIV></LI></DIV> <LI class=form-line id=id_7><LABEL class=form-label-right id=label_7 for=input_7>E-mail<SPAN class=form-required>*</SPAN> </LABEL> <DIV class=form-input id=cid_7><INPUT class="form-textbox validate[required, Email]" id=input_7 size=30 name=q7_email7> </DIV></LI> <LI class=form-line id=id_8><LABEL class=form-label-right id=label_8 for=input_8>Phone Number<SPAN class=form-required>*</SPAN> </LABEL> <DIV class=form-input id=cid_8><SPAN class=form-sub-label-container><INPUT class="form-textbox validate[required]" id=input_8_area size=3 name=q8_phoneNumber[area]> - <LABEL class=form-sub-label id=sublabel_area for=input_8_area>Area Code </LABEL></SPAN><SPAN class=form-sub-label-container><INPUT class="form-textbox validate[required]" id=input_8_phone size=8 name=q8_phoneNumber[phone]> <LABEL class=form-sub-label id=sublabel_phone for=input_8_phone>Phone Number </LABEL></SPAN></DIV> <DIV align=left></DIV></LI> <LI class=form-line-column id=id_2 style="WIDTH: 272px; HEIGHT: 168px"> <DIV class=form-input-wide id=cid_2 align=center> <P class=form-buttons-wrapper style="TEXT-ALIGN: center" align=center><INPUT style="WIDTH: 268px; HEIGHT: 69px" type=image height=69 alt=Submit width=280 src="get-instant-access.jpg" size=19 border=0></P> <DIV class=form-buttons-wrapper style="TEXT-ALIGN: center"><STRONG><FONT size=1>Primary Goal: Create The Next 20 "Internet Big Shots" This Year! (Your Background, Experience, Online Skills, Looks, Doesnt Matter...)</FONT></STRONG></DIV></DIV></LI></UL></DIV> <LI style="DISPLAY: none">Should be Empty: <INPUT name=website> <UL></UL></LI></DIV></DIV><INPUT id=simple_spc type=hidden value=3155437226 name=simple_spc> <SCRIPT type=text/javascript> document.getElementById("si" + "mple" + "_spc").value = "3155437226-3155437226"; </SCRIPT> </FORM><A href="index-orange.html#"></A><IMG style="Z-INDEX: 103; LEFT: 775px; POSITION: absolute; TOP: 722px" height=111 alt="" hspace=0 src="arrow-hand1.JPG" width=128 border=0> <TABLE style="Z-INDEX: 104; LEFT: 381px; POSITION: absolute; TOP: 902px" height=16 cellSpacing=0 cellPadding=0 width=506 border=0> <TBODY> <TR> <TD> <P class="style21 style1" align=center>Michael´s Millionaire Mentoring - Home - Privacy - Disclaimer - All Rights Reserved 2010</P></TD></TR></TBODY></TABLE></DIV> <DIV></DIV></BODY></HTML> Thanks again for help if you can.. Michael Similar TutorialsI taught myself HTML, so I'm not the greatest at it, but I get by. My problem is that on a page I am currently working on (and it's happened to me in the past as well) there is a small space at the bottom of the page that shouldn't be there. It's weird because it's there when the page first loads, but when I refresh it goes away. But why is it there in the first place. There's no stray <br> tags or anything and this is very basic HTML code, including tables. I don't see any other sites with this problem, what in the world could it be? I just asked a friend, and I don't think he's seeing it. The space is very noticeable. It's kind of embarrassing, a wrestling related page, but I'll include the link. I am using Internet Explorer, by the way. And I just noticed than when I click the link in my bookmarks, and hit "open in new tab", the space isn't there. Just odd. Anyway, here it is: http://steenerico.fwrestling.com/ Well, that link won't do any good, because apparently when it opens in a new window, the space doesn't show up. Argh. Try opening a new browser window and pasting the link into the address bar. I don't understand why there is white space at the bottom of the page. I am using negatives which one would assume would take away space and not add it. Below is the HTML and CSS codes. If someone could take a look at this and let me know what it is that I need to do to get rid of the white space at the bottom, I would be greatly appreciative. Thanks in advance. McClain HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blakeslee - Quality Commercial Dishwashing and Prep Equipment</title>
<link rel="stylesheet" href="css/styles.css" type="text/css" />
</head>
<body>
<div id="header"></div>
<div id="nav"></div>
<div id="content">
<ul>
<li class="premiere"><a href="#"><img src="images/p1.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Flight-Type Dishwashers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
<li class="primary"><a href="#"><img src="images/Rack_type_dishwasher.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Rack-Type Dishwashers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
<li class="endProduct"><a href="#"><img src="images/vegetable_peelers.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Vegetable Peelers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
<li class="primary"><a href="#"><img src="images/door_type_dishwashers.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Door-Type Dishwashers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
<li class="endProduct"><a href="#"><img src="images/food_slicers.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Food Slicers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
</ul>
<img id="productBg1" src="images/first_row_background.png" />
<div id="clear"></div>
<ul class="Hproducts">
<li class="premiere"><a href="#"><img src="images/glass_washers.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Glass Washers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
<li class="primary"><a href="#"><img src="images/undercounter_dishwashers.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Undercounter Dishwashers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
<li class="endProduct"><a href="#"><img src="images/planetary_mixers.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Planetary Mixers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
<li class="primary"><a href="#"><img src="images/pot_utensil_washers.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Pot & Utensil Washers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
<li class="primary"><a href="#"><img src="images/silver_stainless_burnishers.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Silver/Stainless Burnishers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
</ul>
</div>
<img id="productBg2" src="images/second_row_background.png" />
</body>
</html>
CSS Code: body{ margin-right: 10%; margin-left: 10%;}
#content,#nav,#productBg1,#productBg2,.Hproducts,.premiere,.primary,.title{ position:relative;}
#header{ background:url(../images/header.gif) no-repeat; width: 100%; height: 496px;}
#nav{ width:450px; height:60px; background-color:#000000; top: -220px; left:250px;}
/*************************************************/
/******************* CONENT ***********************/
#content{ width: 1100px; top: -200px; margin-left: 50px;}
#content ul{ display:inline;}
#content ul li{ display:inline; list-style-type:none;}
#content ul li a{ text-decoration:none; color: #1a4d9e;}
#productBg1{ top: -110px; left:40px; z-index: -1;}
#productBg2{ top: -410px; left:90px; z-index: -2;}
.Hproducts{ top: -100px;}
.premiere{ margin-left: 15px;}
.endProduct{ margin-left: -180px;}
.primary{ margin-left: -140px;}
.title{ right: 200px; top:10px;}
Reference: http://investorsconnection.net So if you load it up in FF, you see that there is a stripe that goes across the bottom of the page and it is flush to the bottom of the window. That is how it is supposed to be. In IE there is a space below that greyish stripe, and it's not supposed to be there. I can't figure out why! The stripe is div id "footer_bg". Thank you for the help! site validates.... I've gotten rid of this space a few times, but it always tends to come back... Im out of ideas of what it could be, and figured another set of eyes could help me out. http://rse.pzproductions.com Any help is greatly appreciated :-) Also... the space only shows up on the homepage....but! the RSE Poll is only lined up correctly on the homepage as well, on every other page its dropped down into the content section. Obviously I am having some issues here, and any help would be so appreciated at this point Hi, Please can someone have a look at the photo's page on my site here http://www.leeds-cityscape.co.uk/. The page is made up of a frame, so that I can have an advert at the top of the page that scrolls down as the visitor scrolls down. The problem is that when you go to the page there is a large gap at the top of the page. I have checked the code, but I cannot see what could be causing this. Any help would be appreciated. Hi All, I'm putting together a table for each item description in a list of products. I'm having trouble getting rid of some blank white space at the bottom of the column... I'm not sure why it insists on being there. Does anyone have any suggestions? Here is the page in question: http://www.nrs.to/phpbuild/product.php The table is just the photo of the desk, it's title, description, qty, etc. The next table down is the other item - forklift with the pretty photo. The blank white space I'm talking about is just below where it says: QTY: 1. I don't want the item description to be down so far below that. I posted the the code below for one of the the tables. Thanks so much, Todd <table cellpadding="7" cellspacing="0" border="0" align="center"> <tr> <td colspan="3" width="800"> <hr> </td> </tr> <tr> <td rowspan="2" align="right" valign="top" width="218"> <img src="inventory/100000a1.jpg" /> </td> <td valign="top" width="103"> ITEM#: 100000<br />QTY: 1 </td> <td valign="top" width="451">Oak Laminate Desk </td> </tr> <tr> <td colspan="2" valign="top" width="552">This desk has a very nice oak laminate finish. It is in very good condition.<br />Dimensions: 5' wide x 30" deep <a href="productdetail.php?id=100000"><span class="smallfont">Photo detail / more info</span></a> </td> </tr> </table> hello there's this blank space at the bottom of this site which i can't figure out. http://www.thebollocks.org/drop/rugged/ it's not part of the tables or background colors? thanks for your help sandy I'm in a bit of a fix here regarding editing the html of a blogger page. http://bweissnews.blogspot.com/ The problem is the empty space between the end of the last post and the bottom of the window. The gap is too large and doesn't mesh well with pages with fewer posts. Anything I'm missing anything regarding that? Thanks so much in advance. On every other page, my table around my content works, but on the main page: http://www.snowwhitedesign.com there is a lot of white space below my image. My entire image is broken down into 3 x 3 images, 9 total in the grid. All images have different heights and widths I constructed the table by first creating the larger table with the blue border, and then created separate vertical tables within each vertical <td> since the images are of different heights. Also, how can I get rid of that small border line running right through the middle of my image? thanks! http://tutorialsweb.com/wimax/wimax.htm In this page, Am using to including the header and footer pages using webbot tag in my Front page.. But it is showing nicely in Front Page, but not in the browser.. i.e not including.. why? Can any one give me the solution to this problem.. Thanking you... Hi, I payed a designer to create a basic layout for my website.. originally it was fine but when I integrate my PHP the design faces problems. This image illustrates the problem, you can see that the page when viewed in Firefox has a simple but annoying problem. Every 10 topics the separation line disappears and is replaced by a white gap. The annoying thing is that I have opened this page on Firefox on two other computers and it works fine. I can't distinguish why it doesn't work on my computer. I disabled FF addons, reset all of the settings to default and it still doesn't work! The other computers are both running the same version of Firefox, 3.5. Here is the source code for the index page and all relevant CSS files, I am sure this is a very simple problem - if someone could point it out this would be very much appreciated. Source code for index.html Source code for style.css I have been trying to find the solution to this problem for three hours, !! Warm regards. http://www.urbanfreestyle.co.nr My site works in Mozilla Firefox, but not in Internet Explorer. So right now I'm just using 2 different versions for the site which is a pain in the ass, but the one thing that screws up everything is the navigations table right under the banner. But I don't want to remove it...(if I do everything works fine, ) Anyone know how to fix this? THANK YOU HTML PEOPLE So it goes like this. I'm making a site for entertainment and i had everything in my desktop. While doing the site i realised i needed php, so i download wamp server and put the site in the follder "wamp\www\sitehere". Before i put it in there all the images where loading fine. After the transition none of the images load.... and the path is the same... i try putting the whole path 'C:\wamp\www\sitefolder\blablabla\folder\img.jpg" and still they wont load ... what am i doing wrong i dont get it here is the part of the img code whole path Quote: <img class="image" src="C:\wamp\www\PAPPAP\memebase\demo\129060533184878245.jpg"/> normal Quote: <img class="image" src="memebase\demo\129032218674984307.jpg"/> and yes the page is in the folder "PAPPAP" Is there a way I can load a page (with a text informing that 'you need flash player to view this web') if he doesnt have it installed in his browser? How would I do this? Your help is greatly appreciated. I am stuck with this stupid code that i have been trying to fix for an hour! Please help. Heres my problem...: I want to embed a webpage within another and scroll it to the bottom of the page automaticly because i want the information at the bottom which is updated frequently. I also dont want a scroll bar, so all that is seen is the table. the website is www.totalfta.com. I want from below the ENTER|EXIT sign to the bottom of the table. I have attached what i have so far. ***I have the embed into another page, and the no scroll bar... i just want to make it auto scroll to the table..**** Thank you..! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-... <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tester</title> </head> <iframe height="410" width="100%" frameBorder="0" src="http://www.totalfta.com" mce_src="http://www.totalfta.com" scrolling="no" body onLoad="for (i=0;i<window.screen.availHeight;i++) {window.scroll(0,i); }"</iframe> <body> I am a novice when it comes to html and can't figure out why there is a gap at the top and bottom of my web page in Mozilla? In AOL browser it is ok. http://www.nomoreheartdiseaseandstrokes.com Thanks http://wantedfraternity.webs.com/officerschat.html At the very bottom of my page I've got a gap...and I cant seem to see whats causing it. I had this problem before on another page, but I was able to fix it. This one I just cant seem to. Now the grey background is suppost to go all the way down, but its got a black spot stopping it now. Any help on what is causing it I'd be greatful. Thanks Hey been looking around for an example on how to get an Iframe to load at the bottom of a page and not move, just a small Iframe, like 25px in height and 100% width, Ive got a page which scrolls news and I didnt want it to reload every time the user clicked on another page. I dont want it to be at the bottom of the content on the page, but on the bottom of the actual browser window if that makes sense Any suggestions would be great thanks I need help with this html page. I would like the disclaimer at the bottom of the page to not follow the body. Is that possible? Take a look at this html and let me know if it is possible to recode it to show the disclaimer across the entire width of the page bottom as in this url : http://www.stocktraderspress.com/mem..._01112012.html Here is the html code for the new page I am trying to edit: <html> <head> <title>Stock Traders Press :: 2011 Performance</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .style3 { font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style4 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style11 {font-size: 10px} .style15 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .numbersbody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: center; } .datebody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: right; } .tickerbody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: left; } .style17 {font-size: 14px; font-family: Arial, Helvetica, sans-serif;} --> </style> </head> <body bgcolor="#FFFFFF" text="#000000" marginwidth="0" marginheight="0"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> </tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td colspan="5"> <table width="89%" border="1" cellpadding="10" cellspacing="0"> <tbody> <tr> <td valign="middle" bgcolor="#FFFFFF"> <table width="100%" border="0" cellpadding="2" cellspacing="0"> <tbody> <tr> <td colspan="5"><img src="/stp_logo.gif" width="363" height="42"></td> <td>*</td> <td><span class="style3">2011 Performance</span></td> </tr> <tr> <td colspan="2"><a href="/members/welcome.php">Go Back </a></td> <td colspan="5"><span class="style4">************************** </span></td> </tr> <tr> <td colspan="7"><span class="style4">These are the recommendations our Firm made in 2011 </span></td> </tr> <tr> <td colspan="7"><span class="style4">By purchasing an equal amount of every stock, you would have had an average gain of 9.41%</span> </td> </tr> <tr> <td width="87">*</td> <td width="115">*</td> <td width="80">*</td> <td width="79">*</td> <td width="197">*</td> <td width="140">*</td> <td width="175">*</td> </tr> <tr> <td colspan="2" class="style15">Closed Positions </td> <td>*</td> <td>*</td> <td>*</td> <td>*</td> <td>*</td> </tr> <tr bgcolor="#CCCCCC"> <td> <div align="center"> <strong><span class="style17">Stock</span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Date Bought</span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Date Sold </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Time Held </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Price (Recommended) </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Price (Sold) </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Profit/Loss</span></strong></div> </td> </tr> <tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">GT</td> <td class="numbersbody">01/05/2011</td> <td class="numbersbody">04/29/2011</td> <td class="numbersbody">114 Days</td> <td class="numbersbody">$12.69</td> <td class="numbersbody">$18.20</td> <td class="numbersbody">43.42%</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">CMG*</td> <td class="numbersbody">07/08/2011</td> <td class="numbersbody">08/18/2011</td> <td class="numbersbody">41 Days</td> <td class="numbersbody">$325</td> <td class="numbersbody">$285</td> <td class="numbersbody">12.36%</td> <td class="numbersbody">*Cover of a Short position</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">GT</td> <td class="numbersbody">09/06/2011</td> <td class="numbersbody">10/24/2011</td> <td class="numbersbody">2 1/2 months</td> <td class="numbersbody">$11.11</td> <td class="numbersbody">$13.58</td> <td class="numbersbody">24.46%</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">OLN</td> <td class="datebody">10/04/2011</td> <td class="numbersbody">10/27/2011</td> <td class="numbersbody">23 Days</td> <td class="numbersbody">17.17</td> <td class="numbersbody">$21.37</td> <td class="numbersbody">24.46%</td> </tr> I'm looking for some help getting an html table I created to be at the top of a page. It looks alright to me, but then when I post it to my blog it has like 50 blank lines and puts it at the bottom of the page. I want it right at the top. I'm not the best at html, especially tables... I just try and copy excisting table examples and add my own information. If someone can help it would be greatly appreciated. Heres the code: HTML Code: <table cellspacing="1" cellpadding="2" border="1"> <tbody></tbody></table><table border="6"> <tbody><tr> <td><b><center>Player</center></b></td> <td><b><center>G</center></b></td> <td><b><center>PA</center></b></td> <td><b><center>AB</center></b></td> <td><b><center>R</center></b></td> <td><b><center>H</center></b></td> <td><b><center>HR</center></b></td> <td><b><center>RBI</center></b></td> <td><b><center>BB</center></b></td> <td><b><center>SO</center></b></td> <td><b><center>SB</center></b></td> <td><b><center>BA</center></b></td> <td><b><center>OBP</center></b></td> <td><b><center>SLG</center></b></td> <td><b><center>OPS</center></b></td><b> </b></tr> <tr> <td align="middle">Corey Hart</td> <td>60</td> <td>221</td> <td>194</td> <td>34</td> <td>61</td> <td>10</td> <td>31</td> <td>21</td> <td>35</td> <td>15</td> <td>.314</td> <td>.391</td> <td>.531</td> <td>.922</td> </tr> <tr> <td align="middle">Carlos Lee</td> <td>76</td> <td>331</td> <td>292</td> <td>41</td> <td>85</td> <td>13</td> <td>60</td> <td>24</td> <td>30</td> <td>4</td> <td>.291</td> <td>.341</td> <td>.503</td> <td>.844</td> </tr> <tr> <td align="middle">Corey Hart Projected</td> <td></td> <td></td> <td>294</td> <td>51</td> <td>91</td> <td>15</td> <td>46</td> <td>31</td> <td>52</td> <td>22</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> </tr></tbody></table> |
|||||||