Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

cells size do not fot definitions

Status
Not open for further replies.

avivit

Technical User
Jul 5, 2000
456
IL
Hi,I'm getting something which I really do not understand.
In my page:
I have one certain table,
where the "Budget details" part is, in which the left(yellow) and right(green) size of table, are defined as 50% each, but the right side always smaller, no matter what (in both browsers).
I really need the right side to be bigger: this page is supposed to be inside frames, and when it is, the right (yellow) part is a mass beause of it's even smaller size.
Thanks
 
There was no reference anywhere in your table of anything being "50%" -- and on top of that, you had many conflicting relative widths throughout the table... that was what was throwing you off. In the future, if you are going to have a table with many merged cells of varying widths, here's a good strategy --

Pick one row (usually the first, but it can be any row) and have that row have no merged cells at all -- preferably no content, either, but definitely no merged cells -- so that the max # of cells that will be on any one row are represented on that "master row". This row will be used to set your widths -- if you set the width of cells on one row, all other cells in the table will inherit those widths, so you only need to do it once... That's the key to getting a complicated table to come out looking right evety time.

Here's a modified version of your table you should be able to copy and paste into your page:
Code:
<table border=&quot;0&quot; bordercolor=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
  <tr> 
        
    <td class=&quot;textStyle&quot; width=&quot;16%&quot;> 
      <p> <font face=&quot;Arial, Helvetica, sans-serif&quot;></font> </p>
      </td>
    <td class=&quot;textStyle&quot; width=&quot;17%&quot;> </td>
        
    <td class=&quot;textStyle&quot; width=&quot;17%&quot;> 
      <h5> </h5>
        </td>
        
    <td class=&quot;textStyle&quot; width=&quot;25%&quot;> </td>
        
    <td class=&quot;textStyle&quot; width=&quot;25%&quot;> </td>
      </tr>
      <tr> 
        <td class=&quot;textStyle&quot; colspan=&quot;2&quot;><font color=&quot;#000000&quot; face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;><b>Budget 
          details</b></font><font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;><b>:</b> 
          </font> 
          <hr>
        </td>
        
    <td class=&quot;textStyle&quot;> </td>
        
    <td class=&quot;textStyle&quot;><font face=&quot;Arial, Helvetica, sans-serif&quot;></font></td>
        
    <td class=&quot;textStyle&quot;><font face=&quot;Arial, Helvetica, sans-serif&quot;></font></td>
      </tr>
      <tr> 
        <td colspan=3 class=&quot;textStyle&quot; bgcolor=&quot;#FFCC00&quot;> 
          <div align=&quot;left&quot;> <font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;>   
            <input type=&quot;radio&quot; name=&quot;Member_in&quot; value=&quot;Hadassah Staff&quot; class=&quot;radioStyle&quot;>
            <b>Hadassah staff</b></font></div>
        </td>
        <td colspan=2 class=&quot;textStyle&quot; bgcolor=&quot;#8CC68C&quot;> 
          <div align=&quot;left&quot;><font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;>   
            <input type=&quot;radio&quot; name=&quot;Member_in&quot; value=&quot;Hebrew University Staff&quot; class=&quot;radioStyle&quot;>
            <b>Hebrew University staff</b></font></div>
        </td>
      </tr>
      <tr> 
        <td colspan=&quot;3&quot; class=&quot;textStyle&quot; bgcolor=&quot;#FFCC00&quot;><font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;>Please 
          charge the following budget number: </font></td>
        <td colspan=2 class=&quot;textStyle&quot; bgcolor=&quot;#8CC68C&quot;><font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;>Please 
          charge the following budget number:</font></td>
      </tr>
      <tr> 
        
    <td bgcolor=&quot;#FFCC00&quot; class=&quot;textStyle&quot;><font size=&quot;-1&quot; face=&quot;Arial, Helvetica, sans-serif&quot;>Research 
      Grant</font></td>
        <td class=&quot;textStyle&quot; bgcolor=&quot;#FFCC00&quot; colspan=&quot;2&quot;> <font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;> 
          <input name=resGrantPt1 onKeyUp=&quot;skipTextboxIfMaxChrs(document.form1.resGrantPt1.value,resGrantPt2,3)&quot; type=&quot;text&quot; size=&quot;4&quot; maxlength=&quot;3&quot;>
          <b>.</b> 
          <input name=resGrantPt2 onKeyUp=&quot;skipTextboxIfMaxChrs(document.form1.resGrantPt2.value,resGrantPt3,3)&quot; type=&quot;text&quot; size=&quot;4&quot; maxlength=&quot;3&quot;>
          / 
          <input name=resGrantPt3 onKeyUp=&quot;skipTextboxIfMaxChrs(document.form1.resGrantPt3.value,Medline_source,1)&quot;  type=&quot;text&quot;  size=&quot;2&quot; maxlength=&quot;1&quot;>
          </font></td>
        
    <td class=&quot;textStyle&quot; bgcolor=&quot;#8CC68C&quot; valign=&quot;bottom&quot;> <font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;> 
      <input name=hujiGrantPt1 type=&quot;text&quot; onKeyUp=&quot;skipTextboxIfMaxChrs(document.form1.hujiGrantPt1.value,document.form1.hujiGrantPt2,3)&quot; size=&quot;4&quot; maxlength=&quot;3&quot;>
          <b>.</b> 
          <input name=hujiGrantPt2 type=&quot;text&quot; onKeyUp=&quot;skipTextboxIfMaxChrs(document.form1.hujiGrantPt2.value,document.form1.hujiGrantPt3,4)&quot; size=&quot;5&quot; maxlength=&quot;4&quot;>
      <b>.</b> </font></td>
        
    <td class=&quot;textStyle&quot; bgcolor=&quot;#8CC68C&quot; valign=&quot;bottom&quot;> <font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;> 
      <select name=&quot;hujiGrantPt3&quot;>
            <option value=&quot;311&quot;>311</option>
            <option value=&quot;344&quot;>344</option>
          </select>
      </font></td>
      </tr>
      <tr> 
        
    <td bgcolor=&quot;#FFCC00&quot; class=&quot;textStyle&quot;><font size=&quot;-1&quot; face=&quot;Arial, Helvetica, sans-serif&quot;>Keren 
      &quot;Sharap&quot;</font></td>
        <td class=&quot;textStyle&quot; bgcolor=&quot;#FFCC00&quot; colspan=&quot;2&quot;> <font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;> 
          <input name=kerenSharap type=&quot;text&quot;  >
          </font></td>
        <td bgcolor=&quot;#8CC68C&quot; class=&quot;textStyle&quot; colspan=&quot;2&quot;><font size=&quot;-1&quot; face=&quot;Arial, Helvetica, sans-serif&quot;>Other 
          source 
          <input name=hujiOtherBudget type=&quot;text&quot;>
          </font> </td>
      </tr>
      <tr> 
        
    <td bgcolor=&quot;#FFCC00&quot; class=&quot;textStyle&quot;><font size=&quot;-1&quot; face=&quot;Arial, Helvetica, sans-serif&quot;>Keren 
      &quot;Madrich&quot;</font></td>
        <td class=&quot;textStyle&quot; bgcolor=&quot;#FFCC00&quot; colspan=&quot;2&quot;> <font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;> 
          <input name=kerenMadrich type=&quot;text&quot;>
          </font></td>
        <td colspan=2 class=&quot;textStyle&quot; bgcolor=&quot;#8CC68C&quot;> <font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;></font> 
        </td>
      </tr>
      <tr> 
        
    <td bgcolor=&quot;#FFCC00&quot; class=&quot;textStyle&quot;><font size=&quot;-1&quot; face=&quot;Arial, Helvetica, sans-serif&quot;>Other 
      source</font></td>
        <td class=&quot;textStyle&quot; bgcolor=&quot;#FFCC00&quot; colspan=&quot;2&quot;> <font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;> 
          <input name=hadassahOtherBudget type=&quot;text&quot;>
          </font></td>
        <td colspan=2 class=&quot;textStyle&quot; bgcolor=&quot;#8CC68C&quot;> 
          <p><font face=&quot;Arial, Helvetica, sans-serif&quot;><font size=&quot;-1&quot;> </font></font> 
          </p>
        </td>
      </tr>
      <tr> 
        <td bgcolor=&quot;#FFCC00&quot; class=&quot;textStyle&quot; colspan=&quot;3&quot;><font size=&quot;-1&quot; face=&quot;Arial, Helvetica, sans-serif&quot;> 
          <input type=&quot;checkbox&quot; name=&quot;no_Budget&quot; class=&quot;checkBoxStyle&quot; value=&quot;I have no budget number&quot;>
          I don't have budget number </font></td>
        <td colspan=2 class=&quot;textStyle&quot; bgcolor=&quot;#8CC68C&quot;> 
          <p><font size=&quot;-1&quot; face=&quot;Arial, Helvetica, sans-serif&quot;> 
            <input type=&quot;checkbox&quot; name=&quot;no_Budget&quot; class=&quot;checkBoxStyle&quot; value=&quot;I have no budget number&quot;>
            I don't have budget number </font> </p>
        </td>
      </tr>
    </table>

good luck! :)
Paul Prewett
 
Thanks much link9. That's what happens when u use automatic editor (DreamWeaver). It adds tags and stuf without asking.
 
Funny. I edited your table in DW. ;-)

Glad it worked out for you.
 
Really? U did?
I don'n know how to explain this.
Thanks anyway.
 
Ok, I took care of the percentage cells size, and it satisfies me now, thanks to link9 help.
Now I have another problem in the same page, same part:

The left txt boxes near &quot;Research Grant&quot; r higher than the right txt boxes (beacause of the select box (with 311/344 option). If I replace the select box with a text box, than all the text boxes are in the same height. But somehow the select box is a bit higher and it changes the whole line appearance, and creates a height differences in the same line.

If anyone has an idea how to solve it, I'd be happy to hear. I tried to change the height of the cell but it's not helping, and unwanted anyway.
I need it to work for NS too, so style would not fit here I believe.

Thanks
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top