Results 1 to 3 of 3

Thread: Probably simple (HTML) ...

  1. May 30th, 2001, 07:46 AM #1
    alex_read
    alex_read is offline

    Thread Starter
    Evil Genius alex_read's Avatar
    Join Date
    May 2000
    Location
    Espoo, Finland
    Posts
    5,538

    Red face Probably simple (HTML) ...

    I know I've asked this once before.
    I have the following :
    Code:
    <HTML>

  <HEAD>
  </HEAD>

  <BODY BGColor="SeaGreen">
	
    <Table width="100%" frame=box cols="5" rows="1"> <!--frame=box-->
        <Tr>
	    <Td Width="5%"> <Input Type="text" Name="TxtID1" Width="10%"></td>	
	    <Td Width="30%"><Input Type="text" Name="TxtID2" Width="10%"></td>			
	    <Td Width="30%"><Input Type="text" Name="TxtID3" Width="10%"></td>
	    <Td Width="5%"> <Input Type="text" Name="TxtID4" Width="10%"></td>	
	    <Td Width="20%"><Input Type="text" Name="TxtID5" Width="10%"></td>	
         </tr>
	    <Td Style="Font;color:white"><center>Problem ID  </center></td>	
	    <Td Style="Font;color:white"><center>Description </center></td>			
	    <Td Style="Font;color:white"><center>Action Taken</center></td>
	    <Td Style="Font;color:white"><center>Fixed       </center></td>	
	    <Td Style="Font;color:white"><center>Recorded By </center></td>	
	</tr>		
    <table>
		
  </BODY>
	
</HTML>
    1) How can I stretch the text boxes to fill the table cell with ?

    2) How can I get these columns only to take up 5% of the screen, anything below about 15% & my browser don't like it.

    Thaks in advance everyone !

    Please rate this post if it was useful for you!
    Please try to search before creating a new post,
    Please format code using [ code ][ /code ], and
    Post sample code, error details & problem details
    Reply With Quote Reply With Quote
  2. May 30th, 2001, 08:56 AM #2
    CiberTHuG
    CiberTHuG is offline
    Frenzied Member
    Join Date
    Feb 2001
    Posts
    1,140
    Okay, this is just off the top of my head. I have no idea if it will work.

    Set your inputs to 100%. They will not take 100% of the screen, but 100% of the cell (at least that is the way it should work).

    Your columns don't add up to 100%. Change that. Also, if you have five columns, then set each one to 1/5 (20%) and set the entire table to 25% (or maybe a little more depending on your padding and spacing). Since you want each column to be 5%, and there are 5 columns, then you want the table to be 25%.

    Also, you didn't open the second row, and you didn't close the table correctly. And always use the same case in your tags, it helps load times. Don't mix case (Tr, TR, tr), use all TR or all tr.

    Let me know if it works.
    Travis, Kung Foo Journeyman
    As always, RTFM.

    WWW Standards: HTML 4.01, CSS Level 2, ECMA 262 Bindings to DOM Level 1, JavaScript 1.3 Guide and Reference
    Perl: Learn Perl, Llama, Camel, Cookbook, Perl Monks, Perl Mongers, O'Reilly's Perl.com, ActiveState, CPAN, TPJ, and use Perl;
    YBMS, but Mozilla doesn't.
    Reply With Quote Reply With Quote
  3. May 30th, 2001, 09:08 AM #3
    alex_read
    alex_read is offline

    Thread Starter
    Evil Genius alex_read's Avatar
    Join Date
    May 2000
    Location
    Espoo, Finland
    Posts
    5,538
    Yeah, I well & truly buggered that up. Thanks for the reply. I was missing the style="WIDTH:100%"

    Please rate this post if it was useful for you!
    Please try to search before creating a new post,
    Please format code using [ code ][ /code ], and
    Post sample code, error details & problem details
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules


Click Here to Expand Forum to Full Width