HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Unwanted Resizing
Goto page 1, 2  Next
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
Samm



Joined: 02 Aug 2004
Posts: 1

PostPosted: Mon Aug 02, 2004 6:20 am     Unwanted Resizing Reply with quote

How do I tell my document not to resize the tables if the window is too small to fit them, and to activate scrollbars instead?
mjpliv



Joined: 11 May 2004
Posts: 406
Location: Nova Scotia

PostPosted: Mon Aug 02, 2004 6:36 am     Reply with quote

Set your table size to a specific pixel width/height.

Code:
<table width=800 height =600>


(or whatever width and height you want)


This will for the scroll bars when you resize the window,
DCCS - The Apprentice



Joined: 12 Jul 2004
Posts: 68
Location: DC

PostPosted: Tue Aug 03, 2004 7:49 am     Reply with quote

may I start by saying, I'm doing HTML/css, but I am refined to using frontpage. so already my nerves are at their net end.

to continue however...

in front page, I set the width and height as a percentage, it looks great in frontpage's small little preview area, but on full screen on my 21" monitor it looks horrid.

I have two tables, aligned to the left of the page. one on top of the other, seperated by a <br>. even if that page break is not there, they are still right on top of each other. so it looks like this (excuse the ASCII art, "-" = 1 space, or blankness)
___________________________
|[table]---------------------------------|
|[table]---------------------------------|
|__________________________|

however, in full screen, if the table height and width are set by percentages or by pixels, it looks like this:

___________________________
|[table--------][-----------------------]|
|----------------[----table-------------]|
|__________________________|


the second table, or the one originally below it, is then beside it, yet slightly down because of the one <br>.

I've tried making both the tables inside one big table. that, however, seens to be at my dismay.

some enlightenment on just how to fix my tables to fit, as well as stretch and work with window or resolution changes, would be greatly appreciated! Very Happy thanks fellas
mjpliv



Joined: 11 May 2004
Posts: 406
Location: Nova Scotia

PostPosted: Tue Aug 03, 2004 7:55 am     Reply with quote

Could you post the code here for us to look at?
DCCS - The Apprentice



Joined: 12 Jul 2004
Posts: 68
Location: DC

PostPosted: Tue Aug 03, 2004 8:03 am     Reply with quote

yeah, sure. you can go ahead and take a look at it in your own html editor, and preview it in IE, there's really no picture usage. I am aware there are a few tags without ending tags, it's been a long day, so please excuse the mess.

Code:

<table align=left width=600 height=800 border=0 cellpadding=0 cellspacing=0>

<table align=left width="20%" height="5" border="0" cellpadding=0 cellspacing=0>
   <tr>
      <td align=center class="boldtable TD" background='resources1/blue_top.gif'><font style="color:darkblue; filter:Alpha(Opacity=10)">Header</font></td>
   </tr>
       <tr>
        <td colspan="3">
         <table border="0" cellpadding="0" cellspacing="0">
            <tr>
               <td bgcolor="darkblue"><img src='resources1/edit_left_yellow.gif' width="10" height="11" border="0" alt="left corner blue image">
               <td width="100%" background='resources1/bg_yellow_white.gif'><img src='resources1/space.gif' width="1" height="1" border="0" alt="spacer">
               <td bgcolor="darkblue"><img src='resources1/edit_right_yellow.gif' width="10" height="11" border="0" alt="right color blue image"></td>
            </tr>
   <tr>
      <td colspan=3>
      <table width="100%" cellspacing=0 cellpadding=0 align=left>
   <tr>
      <td bgcolor="darkblue"><img src="resources1/space.gif" width=2 height=1 border=0></td>
      <td bgcolor="transparent"><img src="resources1/space.gif" width=2 height=1 border=0></td>
      <table width="100%" bgcolor="transparent">
   </tr>
      <tr><td colspan=2 height=8>Test 00 1</td></tr>   
      <tr><td colspan=2 height=8>Test 00 2</td></tr>
      <tr><td colspan=2 height=8>Test 00 3</td></tr>
      <tr><td colspan=2 height=8>Test 00 4</td></tr>
      <tr><td colspan=2 height=8>Test 00 5</td></tr>
</table>
    <td bgcolor="transparent"><img src='resources1/space.gif' width=6 height=1 border=0 alt="spacer"></td>
                <td bgcolor="darkblue"><img src='resources1/space.gif' width=2 height=1 border="0" alt="spacer"></td>
            </tr>
        </table>
        </td>
    <tr>
        <td colspan="3">
         <table border="0" cellpadding="0" cellspacing="0">
            <tr>
               <td bgcolor="darkblue"><img src='resources1/bottom_left.gif' width="10" height="11" border="0" alt="left corner blue image"></td>
               <td width="100%" background='resources1/bg_blue_white.gif'><img src='resources1/space.gif' width="1" height="1" border="0" alt="spacer"></td>
               <td bgcolor="darkblue"><img src='resources1/bottom_right.gif' width="10" height="11" border="0" alt="right color blue image"></td>
            </tr>
         </table>
        </td>
    </tr>
</table>

<br>

<table align=left width="100%" height="5" border="0" cellpadding=0 cellspacing=0>
   <tr>
      <td align=center class="boldtable TD" background='resources1/blue_top.gif'>Header2</td>
   </tr>
       <tr>
        <td colspan="3">
         <table border="0" cellpadding="0" cellspacing="0">
            <tr>
               <td bgcolor="darkblue"><img src='resources1/edit_left_yellow.gif' width="10" height="11" border="0" alt="left corner blue image">
               <td width="100%" background='resources1/bg_yellow_white.gif'><img src='resources1/space.gif' width="1" height="1" border="0" alt="spacer">
               <td bgcolor="darkblue"><img src='resources1/edit_right_yellow.gif' width="10" height="11" border="0" alt="right color blue image"></td>
            </tr>
   <tr>
      <td colspan=3>
      <table width="100%" cellspacing=0 cellpadding=0 align=left>
   <tr>
      <td bgcolor="darkblue"><img src="resources1/space.gif" width=2 height=1 border=0></td>
      <td bgcolor="transparent"><img src="resources1/space.gif" width=2 height=1 border=0></td>
      <table width="100%" bgcoler="transparent">
   </tr>
      <tr><td colspan=2 height=8>Test 01 1</td></tr>   
      <tr><td colspan=2 height=8>Test 01 2</td></tr>
      <tr><td colspan=2 height=8>Test 01 3</td></tr>
      <tr><td colspan=2 height=8>Test 01 4</td></tr>
      <tr><td colspan=2 height=8>Test 01 5</td></tr>
</table>
    <td bgcolor="transparent"><img src='resources1/space.gif' width=6 height=1 border=0 alt="spacer"></td>
                <td bgcolor="darkblue"><img src='resources1/space.gif' width=2 height=1 border="0" alt="spacer"></td>
            </tr>
        </table>
        </td>
    <tr>
        <td colspan="3">
         <table border="0" cellpadding="0" cellspacing="0">
            <tr>
               <td bgcolor="darkblue"><img src='resources1/bottom_left.gif' width="10" height="11" border="0" alt="left corner blue image"></td>
               <td width="100%" background='resources1/bg_blue_white.gif'><img src='resources1/space.gif' width="1" height="1" border="0" alt="spacer"></td>
               <td bgcolor="darkblue"><img src='resources1/bottom_right.gif' width="10" height="11" border="0" alt="right color blue image"></td>
            </tr>
         </table>
        </td>
    </tr>
</table>

</table>


again, even without the pictures, you should still see what I'm talking about.
mjpliv



Joined: 11 May 2004
Posts: 406
Location: Nova Scotia

PostPosted: Tue Aug 03, 2004 8:12 am     Reply with quote

Just a quick response untill I get time to review the code -

Code:
<table align=left width=600 height=800 border=0 cellpadding=0 cellspacing=0>

<table align=left width="20%" height="5" border="0" cellpadding=0 cellspacing=0>


The second table tag cancels the first one. Were you trying to place one inside the other. If so then the second must be preceeded by table row and table data tags.
DCCS - The Apprentice



Joined: 12 Jul 2004
Posts: 68
Location: DC

PostPosted: Tue Aug 03, 2004 8:22 am     Reply with quote

yeah that's what I was trying to do. but if I have to apply tr's and td's. hmm, that seems like a daunting task unless I'm just making it seem like it's more compicated than it really is.
mjpliv



Joined: 11 May 2004
Posts: 406
Location: Nova Scotia

PostPosted: Tue Aug 03, 2004 8:29 am     Reply with quote

I only added two opening tags and two closing tags

Code:
code starts here

<table align=left width=600 height=800 border=0 cellpadding=0 cellspacing=0>


Code:
<tr>
<td width="100%">


<table align=left width="20%" height="5" border="0" cellpadding=0 cellspacing=0>
<tr>
<td align=center class="boldtable TD" background='resources1/blue_top.gif'><font style="color:darkblue; filter:Alpha(Opacity=10)">Header</font></td>
</tr>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="darkblue"><img src='resources1/edit_left_yellow.gif' width="10" height="11" border="0" alt="left corner blue image">
<td width="100%" background='resources1/bg_yellow_white.gif'><img src='resources1/space.gif' width="1" height="1" border="0" alt="spacer">
<td bgcolor="darkblue"><img src='resources1/edit_right_yellow.gif' width="10" height="11" border="0" alt="right color blue image"></td>
</tr>
<tr>
<td colspan=3>
<table width="100%" cellspacing=0 cellpadding=0 align=left>
<tr>
<td bgcolor="darkblue"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<td bgcolor="transparent"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<table width="100%" bgcolor="transparent">
</tr>
<tr><td colspan=2 height=8>Test 00 1</td></tr>
<tr><td colspan=2 height=8>Test 00 2</td></tr>
<tr><td colspan=2 height=8>Test 00 3</td></tr>
<tr><td colspan=2 height=8>Test 00 4</td></tr>
<tr><td colspan=2 height=8>Test 00 5</td></tr>
</table>
<td bgcolor="transparent"><img src='resources1/space.gif' width=6 height=1 border=0 alt="spacer"></td>
<td bgcolor="darkblue"><img src='resources1/space.gif' width=2 height=1 border="0" alt="spacer"></td>
</tr>
</table>
</td>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="darkblue"><img src='resources1/bottom_left.gif' width="10" height="11" border="0" alt="left corner blue image"></td>
<td width="100%" background='resources1/bg_blue_white.gif'><img src='resources1/space.gif' width="1" height="1" border="0" alt="spacer"></td>
<td bgcolor="darkblue"><img src='resources1/bottom_right.gif' width="10" height="11" border="0" alt="right color blue image"></td>
</tr>
</table>
</td>
</tr>
</table>

<br>

<table align=left width="100%" height="5" border="0" cellpadding=0 cellspacing=0>
<tr>
<td align=center class="boldtable TD" background='resources1/blue_top.gif'>Header2</td>
</tr>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="darkblue"><img src='resources1/edit_left_yellow.gif' width="10" height="11" border="0" alt="left corner blue image">
<td width="100%" background='resources1/bg_yellow_white.gif'><img src='resources1/space.gif' width="1" height="1" border="0" alt="spacer">
<td bgcolor="darkblue"><img src='resources1/edit_right_yellow.gif' width="10" height="11" border="0" alt="right color blue image"></td>
</tr>
<tr>
<td colspan=3>
<table width="100%" cellspacing=0 cellpadding=0 align=left>
<tr>
<td bgcolor="darkblue"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<td bgcolor="transparent"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<table width="100%" bgcoler="transparent">
</tr>
<tr><td colspan=2 height=8>Test 01 1</td></tr>
<tr><td colspan=2 height=8>Test 01 2</td></tr>
<tr><td colspan=2 height=8>Test 01 3</td></tr>
<tr><td colspan=2 height=8>Test 01 4</td></tr>
<tr><td colspan=2 height=8>Test 01 5</td></tr>
</table>
<td bgcolor="transparent"><img src='resources1/space.gif' width=6 height=1 border=0 alt="spacer"></td>
<td bgcolor="darkblue"><img src='resources1/space.gif' width=2 height=1 border="0" alt="spacer"></td>
</tr>
</table>
</td>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="darkblue"><img src='resources1/bottom_left.gif' width="10" height="11" border="0" alt="left corner blue image"></td>
<td width="100%" background='resources1/bg_blue_white.gif'><img src='resources1/space.gif' width="1" height="1" border="0" alt="spacer"></td>
<td bgcolor="darkblue"><img src='resources1/bottom_right.gif' width="10" height="11" border="0" alt="right color blue image"></td>
</tr>
</table>
</td>
</tr>
</table>

Code:
</td>
</tr>

</table>
Code:
code ends here
DCCS - The Apprentice



Joined: 12 Jul 2004
Posts: 68
Location: DC

PostPosted: Tue Aug 03, 2004 8:36 am     Reply with quote

hmm, alright. thanks. so now do I need to just edit the first to make the other to size correctly?
DCCS - The Apprentice



Joined: 12 Jul 2004
Posts: 68
Location: DC

PostPosted: Tue Aug 03, 2004 9:32 am     Reply with quote

and correct me if I'm wrong, but isn't that idea you suggested basicly nesting?
mjpliv



Joined: 11 May 2004
Posts: 406
Location: Nova Scotia

PostPosted: Tue Aug 03, 2004 11:11 am     Reply with quote

You win the door prize - that is correct!
DCCS - The Apprentice



Joined: 12 Jul 2004
Posts: 68
Location: DC

PostPosted: Tue Aug 03, 2004 11:28 am     Reply with quote

well thank you, I'm gigglin like a little japanese school girl.

but, how am I gonna solve this problem? I've run into a new one as well. IE is viewing the page and stuff totally skewed. ahh!
mjpliv



Joined: 11 May 2004
Posts: 406
Location: Nova Scotia

PostPosted: Tue Aug 03, 2004 12:09 pm     Reply with quote

I went through the code you have and found that there are still two open table tags.

I would suggest that you change all of your tables to show a border of at least "1". That way you can "see" the table as the browser interprets the code. Once you get the tables to appear the way you want, then change the tables back to "no" border.

With out the graphics or even a live webpage to look at it is difficult for me to picture what you are trying to create.
mjpliv



Joined: 11 May 2004
Posts: 406
Location: Nova Scotia

PostPosted: Tue Aug 03, 2004 12:28 pm     Reply with quote

This may help as well - Object Oriented Programming.

Instead of trying to create a whole bunch of nested tables all at once, Start with the inner most tables and work your way out. Create the table data to appear the way you want first then create another table around it or create a table that holds two separate inner tables.

Always start with the smallest, simplest component first and then add required table layers one at a time, checking the webpage as you go along.

I noticed a lot of colspan modifiers that I could not trace in your code. Did you add these or is it code generated by FrontPage?
DCCS - The Apprentice



Joined: 12 Jul 2004
Posts: 68
Location: DC

PostPosted: Tue Aug 03, 2004 12:33 pm     Reply with quote

alright, sorry about that. I appreciate the help. until I can think of a way to post a screen shot on here, there's really no way I can help you to see what I'm sayin. unless you have a way to post one. that is if you have the time, I sure don't. no time to tinker for me :/ but again thanks fella
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Goto page 1, 2  Next
Page 1 of 2

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial