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 Link to comment https://forums.phpfreaks.com/topic/185841-template-error/ 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 Link to comment https://forums.phpfreaks.com/topic/185841-template-error/#findComment-981407 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 Link to comment https://forums.phpfreaks.com/topic/185841-template-error/#findComment-981414 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... Link to comment https://forums.phpfreaks.com/topic/185841-template-error/#findComment-981898 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? Link to comment https://forums.phpfreaks.com/topic/185841-template-error/#findComment-981952 Share on other sites More sharing options...
shane18 Posted December 22, 2009 Author Share Posted December 22, 2009 Fixed it Link to comment https://forums.phpfreaks.com/topic/185841-template-error/#findComment-981962 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.