Jump to content

Recommended Posts

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>

 

21oaaoj.jpg

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.

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>

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'>

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.

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).

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.

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.

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.