Hi,<br />
I built a web page - <!-- w --><a class="postlink" href="http://www.ejwelch.com">www.ejwelch.com</a><!-- w --> . The problem is that everything is fixed and set up for viewing at 1024 x 768. The pages will not resize when the window is resized or resolution differs. This is good because it keeps a fixed text format, but it was ultimately a terrible call. I am trying to redesign the page using tables. Everything seemed to be going alright until i tried to adjust my iframe style properties, changing the top, bottom, left, right px values to %. when i do this, the iframe disapears. If someone can take a look at my source, by going to ejwelch.com and help me out on easy suggestions to make the page resize to the appropriate window- I would greatly appreciate it and there might even be a couple bucks in it for ya. Thank you very much.<!--content-->Welcome to the forums, Jon. Helping someone get going doesn't require payment of any sort, you know. We do it for... *g*... other compensations.<br />
<br />
However, not knowing a great deal about iFrames, I'm not sure I'll be entirely helpful. The link you gave is to a page, I think, still set up for the larger resolution. The iFrame width is wider than my window at 832x624.<br />
<br />
When you're using tables for layout, the usual method is:<br />
<br />
<table><br />
<tr><br />
<td colspan=2">Header Information</td><br />
</tr><br />
<tr><br />
<td>Navigation</td><br />
<td>Content</td><br />
</tr><br />
<tr><br />
<td>Blank or Minor Information</td><br />
<td>Copyright/Contact Information</td><br />
</tr><br />
</table><br />
<br />
Or something like that. Some people stick in a second Header row for text navigation, but that's optional. Or they put the navigation in the second row and don't include a navigation <td>.<br />
<br />
Your page doesn't start out with a table. I have the nav buttons almost at centre screen. Did you set the margins for the page, as well as for the table? <br />
<br />
The first lines of what I'm assuming is the iFrame overlaps the text above it. You have the top margin set for a negative number, putting the content start outside the frame. Would setting the margin to '5', rather than '-5' work?<br />
<br />
You've set the <td> widths as percentages, but the #floatframe widths are larger than what you'd use for a smaller screen. Think changing those widths to percentages as well might help? <br />
<br />
*g* I know, I have more questions for you than answers, but as I don't know the answers for sure... <shrug> It's a way for both of us to learn, I guess.<br />
<br />
Peg<!--content-->There are 56 errors <!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ejwelch.com&charset=%28detect+automatically%29&doctype=Inline&ss=1&sp=1&outline=1&verbose=1">http://validator.w3.org/check?uri=http% ... &verbose=1</a><!-- m --> in the code, many of which are nesting errors. Follow the link to get a list of the errors. Fix as many as you can, then post back in this thread. Ask again about any errors that you don't understand.<br />
<br />
<br />
<br />
Your tables are not formed right. Table data <td> always goes inside a table row <tr>, and these rows always go inside a table itself. Your code is not valid and blows up in some browsers.<br />
<br />
<br />
<br />
Add alt="some text" to every <img > tag, the text reflecting what is in the dispayed image. On unimportant images, like spacer elements, a minimum of alt="" is fine. For bullet-point images, alt="*" is often used. Search engines do index the alt text. The alt attribute is a required element.<br />
<br />
<br />
<br />
Add type="text/javascript" to every <script> tag.<br />
<br />
<br />
<br />
Correct the entity errors by changing every & in the URLs to be & instead.<!--content-->haha giz - always the validation martinet<!--content-->
I built a web page - <!-- w --><a class="postlink" href="http://www.ejwelch.com">www.ejwelch.com</a><!-- w --> . The problem is that everything is fixed and set up for viewing at 1024 x 768. The pages will not resize when the window is resized or resolution differs. This is good because it keeps a fixed text format, but it was ultimately a terrible call. I am trying to redesign the page using tables. Everything seemed to be going alright until i tried to adjust my iframe style properties, changing the top, bottom, left, right px values to %. when i do this, the iframe disapears. If someone can take a look at my source, by going to ejwelch.com and help me out on easy suggestions to make the page resize to the appropriate window- I would greatly appreciate it and there might even be a couple bucks in it for ya. Thank you very much.<!--content-->Welcome to the forums, Jon. Helping someone get going doesn't require payment of any sort, you know. We do it for... *g*... other compensations.<br />
<br />
However, not knowing a great deal about iFrames, I'm not sure I'll be entirely helpful. The link you gave is to a page, I think, still set up for the larger resolution. The iFrame width is wider than my window at 832x624.<br />
<br />
When you're using tables for layout, the usual method is:<br />
<br />
<table><br />
<tr><br />
<td colspan=2">Header Information</td><br />
</tr><br />
<tr><br />
<td>Navigation</td><br />
<td>Content</td><br />
</tr><br />
<tr><br />
<td>Blank or Minor Information</td><br />
<td>Copyright/Contact Information</td><br />
</tr><br />
</table><br />
<br />
Or something like that. Some people stick in a second Header row for text navigation, but that's optional. Or they put the navigation in the second row and don't include a navigation <td>.<br />
<br />
Your page doesn't start out with a table. I have the nav buttons almost at centre screen. Did you set the margins for the page, as well as for the table? <br />
<br />
The first lines of what I'm assuming is the iFrame overlaps the text above it. You have the top margin set for a negative number, putting the content start outside the frame. Would setting the margin to '5', rather than '-5' work?<br />
<br />
You've set the <td> widths as percentages, but the #floatframe widths are larger than what you'd use for a smaller screen. Think changing those widths to percentages as well might help? <br />
<br />
*g* I know, I have more questions for you than answers, but as I don't know the answers for sure... <shrug> It's a way for both of us to learn, I guess.<br />
<br />
Peg<!--content-->There are 56 errors <!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ejwelch.com&charset=%28detect+automatically%29&doctype=Inline&ss=1&sp=1&outline=1&verbose=1">http://validator.w3.org/check?uri=http% ... &verbose=1</a><!-- m --> in the code, many of which are nesting errors. Follow the link to get a list of the errors. Fix as many as you can, then post back in this thread. Ask again about any errors that you don't understand.<br />
<br />
<br />
<br />
Your tables are not formed right. Table data <td> always goes inside a table row <tr>, and these rows always go inside a table itself. Your code is not valid and blows up in some browsers.<br />
<br />
<br />
<br />
Add alt="some text" to every <img > tag, the text reflecting what is in the dispayed image. On unimportant images, like spacer elements, a minimum of alt="" is fine. For bullet-point images, alt="*" is often used. Search engines do index the alt text. The alt attribute is a required element.<br />
<br />
<br />
<br />
Add type="text/javascript" to every <script> tag.<br />
<br />
<br />
<br />
Correct the entity errors by changing every & in the URLs to be & instead.<!--content-->haha giz - always the validation martinet<!--content-->