Preserved Topic: menu bars (Page 1 of 1)

On my simple sight I'm trying to get my image ready slice to span the whole window, no matter what the browser size is. Here is the image ready code I'm working with right now, set up in tables...
<TR>
<TD COLSPAN=3>
<IMG SRC="images/egquick_01.gif" WIDTH=770 HEIGHT=210></TD>
</TR>
Now, I what code do I add to this table to make it go all the way across a window, on any resolution? If more information on my question is need, please post. I'm wondering if I can do this with straight html (to keep it simple for right now) If not, let me know what I need.

<table cellpadding=0 cellspacing=0 border=0 width="100%">
<tr>
<td width="100%" colspan=3>
<IMG SRC="images/egquick_01.gif" WIDTH=770 HEIGHT=210>
</td>
</tr>
</table>


something like that should work.
Here's the deal if you want the image to span the and adjust it's a bit more difficult. You can use percentages in the image size but HTML resizing of images is just ugly.



:[ Computers let you make more mistakes faster than any other invention in human history, with the possible exceptions of handguns and tequila. ]:

You will need to use a background element.

For the site you are doing I would think it might be best to span at the orange line, right after the transition from yellow to orange.

What you would then do is take a 1 pixel by however tall it is, and use that as you background element of the structure.

You code would then resemble.

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top"><img src="top right corner to above artwork and to area where content will begin"></td>
<td valign="top" background="1 pixel by x pixel to scroll"><img src="from where content begins to where background img starts"></td>
<td valign="top"><img src="top left corner"></td>
</tr>
<tr>
<td valign="top"><img src="button images, to content"></td>
<td valign="top" colspan="2">Content</td>
</tr>
</table>

I would do it similar to that. Of course you are going to want to use CSS to do that, and even better if you can figure out a way to get CSS to do the possitioning via DIV tags, instead of using tables.

well the sight is really just a practice. I'm really learning all the options I have with html, and what I'm going to need to make my sight accually look profesional. I'll start searching for some CSS info, thanks for the replys. War mage, I'm going to try your code out and see if I can get some good looks with what I have for right now. Bitimage, wouldn't setting the table up at 100% width kinda throw off the whole image on the sight? Well, I'll so some testing. Big thanks for the replys, your pushing me more and more in the right direction each time.

Just a slight unimportant note that really doesn't matter that much and has nothing to do with your question but you might like to know anyway: I believe you mean "site" as in "web site" as opposed to "sight" as in "eye sight."

Good point Slime, I'll try and be more specific for now on. plus I would like several chicken McNuggets and some soda.

Would you like fries with that?