kendallkamikaze Posted April 19, 2009 Share Posted April 19, 2009 I've determined it is the 'form' portion doing this but I cant find a way around it. This is part of the code I'm using: <td width=299 class=tablegreen><span style='width:298;'><form method=get><b>Select Action:</b><select name='page'> <option value=''>Select an Action</option> <option value='ptrans'>Previous Transactions</option> <option value='horses'>Transfer a Horse</option> <option value='transfermoney'><font size='1px'>Transfer Money</font></option> <option value='transfergsc'>Transfer GSC</option></select> <input type='submit' style='height:21px;' value='→' /></form> </td> </tr> Quote Link to comment Share on other sites More sharing options...
rascle Posted April 19, 2009 Share Posted April 19, 2009 Have you tried putting quote marks around <form method='get'> Quote Link to comment Share on other sites More sharing options...
kendallkamikaze Posted April 19, 2009 Author Share Posted April 19, 2009 Have you tried putting quote marks around <form method='get'> just added the " ' " 's around it, didnt work. still looks the same. Quote Link to comment Share on other sites More sharing options...
Axeia Posted April 19, 2009 Share Posted April 19, 2009 and the width/class of the <td>. Also your <span style='width:298'> will never work since you didn't specify the unit it's measured in. (so for example use <span style='298px'>) Ommiting the unit is only allowed if the value is 0, as 0pt, 0em 0px are all the same width. Quote Link to comment Share on other sites More sharing options...
kendallkamikaze Posted April 19, 2009 Author Share Posted April 19, 2009 and the width/class of the <td>. Also your <span style='width:298'> will never work since you didn't specify the unit it's measured in. (so for example use <span style='298px'>) Ommiting the unit is only allowed if the value is 0, as 0pt, 0em 0px are all the same width. updated code but still not working like opera, im 90% sure it has to do with the form tag itself. i just cant find info on if i can change the variables like width and height of a form. <table class='table' cellpadding='1' cellspacing='1'> <tr> <td width='299px' class='tablegreen'><span style='width:298px;'><b><center>One-Stridean Bank</b></span></td> <td width='299px' class='tablegreen'><span style='width:298px;'><form method='get'><b>Select Action:</b><select name='page'> <option value=''>Select an Action</option> <option value='ptrans'>Previous Transactions</option> <option value='horses'>Transfer a Horse</option> <option value='transfermoney'><font size='1px'>Transfer Money</font></option> <option value='transfergsc'>Transfer GSC</option></select> <input type='submit' style='height:21px;' value='→' /></form></span> </td> </tr> Quote Link to comment Share on other sites More sharing options...
Axeia Posted April 19, 2009 Share Posted April 19, 2009 To get rid of the space simply setting the height (and the overflow to hidden if it acts up) should work. so instead of <td width='299px' class='tablegreen'> something like <td width='299px' style='height: 25px; overflow: hidden;' class='tablegreen'> Quote Link to comment Share on other sites More sharing options...
kendallkamikaze Posted April 19, 2009 Author Share Posted April 19, 2009 To get rid of the space simply setting the height (and the overflow to hidden if it acts up) should work. so instead of <td width='299px' class='tablegreen'> something like <td width='299px' style='height: 25px; overflow: hidden;' class='tablegreen'> adding that still didnt cure it in firefox...its weird for internet explorer you have to include span in your header for everything to work...firefox, i have no idea. new code: <table class='table' cellpadding='1' cellspacing='1'> <tr> <td width='299px' class='tablegreen'><span style='width:298px;'><b><center>One-Stridean Bank</b></span></td> <td width='299px' style='height: 25px; overflow: hidden;' class='tablegreen'><span style='width:298px;'><form method='get'><b>Select Action:</b><select name='page'> <option value=''>Select an Action</option> <option value='ptrans'>Previous Transactions</option> <option value='horses'>Transfer a Horse</option> <option value='transfermoney'><font size='1px'>Transfer Money</font></option> <option value='transfergsc'>Transfer GSC</option></select> <input type='submit' style='height:21px;' value='→' /></form></span> </td> </tr> i hate firefox. Quote Link to comment Share on other sites More sharing options...
Axeia Posted April 19, 2009 Share Posted April 19, 2009 This testcase worked for me: <html> <head> <title></title> <meta content=""> <style></style> </head> <body> <table class='table' cellpadding='1' cellspacing='1'> <tr> <td width='299px' class='tablegreen'><span style='width:298px;'><b><center>One-Stridean Bank</b></span></td> <td width='299px' class='tablegreen' style='background-color: yellow; height: 25px; display: block; overflow: hidden;'> <span style='width:298px;'> <form method='get'> <b>Select Action:</b> <select name='page'> <option value=''>Select an Action</option> <option value='ptrans'>Previous Transactions</option> <option value='horses'>Transfer a Horse</option> <option value='transfermoney'><font size='1px'>Transfer Money</font></option> <option value='transfergsc'>Transfer GSC</option> </select> <input type='submit' style='height:21px;' value='→' /> </form> </span> </td> </tr> </table> </body> </html> Which is quite a miracle considering the quality of the HTML is absolutely horrible, that <center> tag is never closed, theres a <font> tag inside an <option> while <option>'s are allowed to have childnode. (not to mention font tags aren't allowed anywhere.. they're deprecated). Quote Link to comment Share on other sites More sharing options...
kendallkamikaze Posted April 19, 2009 Author Share Posted April 19, 2009 This testcase worked for me: <html> <head> <title></title> <meta content=""> <style></style> </head> <body> <table class='table' cellpadding='1' cellspacing='1'> <tr> <td width='299px' class='tablegreen'><span style='width:298px;'><b><center>One-Stridean Bank</b></span></td> <td width='299px' class='tablegreen' style='background-color: yellow; height: 25px; display: block; overflow: hidden;'> <span style='width:298px;'> <form method='get'> <b>Select Action:</b> <select name='page'> <option value=''>Select an Action</option> <option value='ptrans'>Previous Transactions</option> <option value='horses'>Transfer a Horse</option> <option value='transfermoney'><font size='1px'>Transfer Money</font></option> <option value='transfergsc'>Transfer GSC</option> </select> <input type='submit' style='height:21px;' value='→' /> </form> </span> </td> </tr> </table> </body> </html> Which is quite a miracle considering the quality of the HTML is absolutely horrible, that <center> tag is never closed, theres a <font> tag inside an <option> while <option>'s are allowed to have childnode. (not to mention font tags aren't allowed anywhere.. they're deprecated). The old owners of the site, sold the game to me, basically in shambles. I'm doing what I can do make it better. With some tweaks to the code you provided I was able to get it fixed thanks so much. Quote Link to comment Share on other sites More sharing options...
Axeia Posted April 19, 2009 Share Posted April 19, 2009 You're welcome, problems like these I usually solve by adding a bunch of bright background colors to see which element is doing what. Then again, I pretty much stopped doing that since I discovered firebug.. which is the best plugin any developer could wish for. 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.