shane18 Posted December 21, 2009 Share Posted December 21, 2009 Look at http://www.finesttown.com/ the height in the first and last row are so high there is extra space.... i had them gone for awhile but i changed my template code and forgot how to get rid of them... here is my template code that is broke.... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>FinestTown.com</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="shortcut icon" href="images/favicon.ico"> <style type="text/css"> body { color: #FFFFFF; font-family: Arial; background-color: #000000; margin: 0px; } a:link,a:visited {color:#FFFFFF; text-decoration: none;} a:hover,a:active {color:#FF0000; text-decoration: none;} a.orange:link,a.orange:visited,a.orange:hover,a.orange:active {color:#FF6600; text-decoration: none;} div.orange a:link,div.orange a:visited,div.orange a:hover,div.orange a:active {color:#ff6600; text-decoration: none;} td.vac img {max-width: 285px; max-height: auto; !important;} td.vac embed {max-width: 285px; max-height: auto; !important;} </style> <script type="text/javascript"> Signup_over = new Image; Signup_over.src = "images/signup_over.bmp"; Back_over = new Image; Back_over.src = "images/back_over.bmp"; </script> </head> <body> <div style="text-align: center; margin-top: 3px;"> <img src="images/banner.bmp" style="position: relative; left: -150px;" alt="Banner"> </div> <div style="width: 500px; height: 43px; margin-left: auto; margin-right: auto; background-image: url(\'images/link_background.bmp\'); text-align: center;"><div style="display: inline-block; margin-top: 11px;"><input type="button" value="Home" style="width: 57px; background-color: #222222; color: #FF6600; border: 1px solid #333333; font-size: 14px;" onClick="window.location=\'index.php\'" onmouseover="this.style.color=\'red\'" onmouseout="this.style.color=\'#ff6600\'"><input type="button" value="Find Friends" style="width: 98px; background-color: #222222; color: #ff6600; border: 1px solid #333333; font-size: 14px; margin-left: 4px;" onmouseover="this.style.color=\'red\'" onmouseout="this.style.color=\'#ff6600\'" onclick="window.location=\'index.php?Page=Find_Friends\'"><input type="button" value="Browse People" style="width: 114px; background-color: #222222; color: #ff6600; border: 1px solid #333333; font-size: 14px; margin-left: 4px;" onmouseover="this.style.color=\'red\'" onmouseout="this.style.color=\'#ff6600\'"><input type="button" value="Profile" style="width: 60px; background-color: #222222; color: #ff6600; border: 1px solid #333333; font-size: 14px; margin-left: 4px;" onmouseover="this.style.color=\'red\'" onmouseout="this.style.color=\'#ff6600\'" onclick="window.location=\'index.php?Page=Profile&PROFILE_ID=<?= $USER_ID ?>\'"><input type="button" value="Mail" style="width: 45px; background-color: #222222; color: #ff6600; border: 1px solid #333333; font-size: 14px; margin-left: 4px;" onmouseover="this.style.color=\'red\'" onmouseout="this.style.color=\'#ff6600\'"><input type="button" value="Buddy List" style="width: 86px; background-color: #222222; color: #ff6600; border: 1px solid #333333; font-size: 14px; margin-left: 4px;" onmouseover="this.style.color=\'red\'" onmouseout="this.style.color=\'#ff6600\'"> </div></div> <table style="empty-cells: show; background-color: #222222; margin: auto; width: 500px;" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/top_left_corner.bmp" alt="Miscellaneous"></td> <td></td> <td><img src="images/top_right_corner.bmp" alt="Miscellaneous"></td> </tr> <tr> <td></td> <td style="background-color: #111111; width: 474px; height: 450px;" align="center" valign="top"> PAGE GOES HERE </td> <td></td> </tr> <tr> <td><img src="images/bottom_left_corner.bmp" alt="Miscellaneous"></td> <td></td> <td><img src="images/bottom_right_corner.bmp" alt="Miscellaneous"></td> </tr> <tr> <td colspan="3" style="background-color: #000000;"> <div style="color: white; text-align: center; font-face: Arial; font-size: 12px;">©2009 FinestTown.com. All Rights Reserved.</div> </td> </tr> </table> </body> </html> I AM USING THE LATEST VERSION OF FIREFOX Quote Link to comment Share on other sites More sharing options...
vinpkl Posted December 21, 2009 Share Posted December 21, 2009 i dont see extra space. its same in IE7 and firefox 3.5. which extra space are you talking. have you corrected it. vineet Quote Link to comment Share on other sites More sharing options...
vinpkl Posted December 21, 2009 Share Posted December 21, 2009 also use gif or jpg instead of bmp vineet Quote Link to comment Share on other sites More sharing options...
shane18 Posted December 21, 2009 Author Share Posted December 21, 2009 see how i have rounded corners? see the pointy lines sticking out where they shouldn't? i had them gone but when i edited it they showed up and i can't get rid of them... Quote Link to comment Share on other sites More sharing options...
shane18 Posted December 22, 2009 Author Share Posted December 22, 2009 Hey, what causes it to break is adding <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> without that, it works fine... how can i have this and have it work? Quote Link to comment Share on other sites More sharing options...
shane18 Posted December 22, 2009 Author Share Posted December 22, 2009 Fixed it Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.