| View previous topic :: View next topic |
| Author |
Message |
Samm
Joined: 02 Aug 2004 Posts: 1
|
Posted: Mon Aug 02, 2004 6:20 am Unwanted Resizing |
|
|
|
| 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
|
Posted: Mon Aug 02, 2004 6:36 am |
|
|
|
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
|
Posted: Tue Aug 03, 2004 7:49 am |
|
|
|
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! thanks fellas |
|
mjpliv

Joined: 11 May 2004 Posts: 406 Location: Nova Scotia
|
Posted: Tue Aug 03, 2004 7:55 am |
|
|
|
| Could you post the code here for us to look at? |
|
DCCS - The Apprentice

Joined: 12 Jul 2004 Posts: 68 Location: DC
|
Posted: Tue Aug 03, 2004 8:03 am |
|
|
|
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
|
Posted: Tue Aug 03, 2004 8:12 am |
|
|
|
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
|
Posted: Tue Aug 03, 2004 8:22 am |
|
|
|
| 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
|
Posted: Tue Aug 03, 2004 8:29 am |
|
|
|
I only added two opening tags and two closing tags
<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>
</table>
|
|
DCCS - The Apprentice

Joined: 12 Jul 2004 Posts: 68 Location: DC
|
Posted: Tue Aug 03, 2004 8:36 am |
|
|
|
| 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
|
Posted: Tue Aug 03, 2004 9:32 am |
|
|
|
| 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
|
Posted: Tue Aug 03, 2004 11:11 am |
|
|
|
| You win the door prize - that is correct! |
|
DCCS - The Apprentice

Joined: 12 Jul 2004 Posts: 68 Location: DC
|
Posted: Tue Aug 03, 2004 11:28 am |
|
|
|
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
|
Posted: Tue Aug 03, 2004 12:09 pm |
|
|
|
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
|
Posted: Tue Aug 03, 2004 12:28 pm |
|
|
|
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
|
Posted: Tue Aug 03, 2004 12:33 pm |
|
|
|
| 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 |
|
|