Hi everyone!<br />
<br />
I got this problem, and i really dont know how to do this one.<br />
<br />
I want my logo, wich is divided in 4 parts, placed in a table, to have the both ends stretched over the rest of the width..<br />
<br />
Here's my code, ill put some explenation in it.<br />
<br />
<HTML><br />
<HEAD><br />
<!--Van Doorne Intranet By Az1d design, creation date 11 july 2001.--><br />
<br />
<TITLE>Van Doorne Intranet</TITLE><br />
</HEAD><br />
<br />
<BODY BGCOLOR=#FFFFFF topmargin="0"><br />
<!-- logo place holder, divided in 4 td's --><br />
<center><br />
<TABLE WIDTH=482 BORDER=0 CELLPADDING=0 CELLSPACING=0><br />
<TR><br />
<TD width="16" valign="top"><IMG SRC=http://www.htmlforums.com/archive/index.php/"images/twirl7_01.jpg" WIDTH="16" HEIGHT="75"></TD><!--This piece of my logo must be stretched over the rest of the page's wide.To the left side.--><br />
<TD width="217" valign="top"><IMG SRC=http://www.htmlforums.com/archive/index.php/"images/twirl7_02.jpg" WIDTH="217" HEIGHT="75"></TD><!--This one must remain as it is..--><br />
<TD width="210" valign="top"><IMG SRC=http://www.htmlforums.com/archive/index.php/"images/twirl7_03.jpg" WIDTH="210" HEIGHT="75"></TD><!--This one must also remain as it is, no stretching in this one..--><br />
<TD width="39" valign="top"><IMG SRC=http://www.htmlforums.com/archive/index.php/"images/twirl7_04.jpg" WIDTH="39" HEIGHT="75"></TD><!--This one must also be stretched over the rest of the page's width, only to the right side..--><br />
</TR><br />
</TABLE><br />
</center><br />
<!-- End of logo place holder --><br />
</BODY><br />
</HTML><br />
<br />
Does anyone understand what i mean?<br />
<br />
Please gimme some advice, i could not find it anywhere...<!--content-->You can set the width of the 2 end images in percentages so, for example, they fill 100% of the table cell. Set the middle 2 images in fixed pixels like you already have. If you set your table width to say 100% it will stretch to fill different size screens and your end images will stretch with it. Of course this will distort your images so it may not look good.<!--content-->U Rule!<br />
<br />
And the dissortion of the images isnt bad, since the pieces i want to stretch are fades, so the logo in the middle stays centered, and the both faded edges get stretched...sweet huh?<br />
<br />
Much thanx from me!
<!--content-->Hi wijbenga,<br />
<br />
normally you would not want to resize images larger with the browser, the exception is an image of one color or a transparent gif. When they are resized there is no noticeable difference. Your images, even though they are gradients, will not look good if not displayed in their original dimensions (the aspect ratio, the relationship of the width to the height). If the stretch is only a few pixels it may not be very noticeable, but if you stretch more than a few pixels it will be very obvious.<br />
<br />
Try using a solid colored image (or just a bgcolor) where the resizing needs to occur, or an image that will tile if used as the background image in a cell.<br />
<br />
Regards,<br />
Kevin<!--content-->
<br />
I got this problem, and i really dont know how to do this one.<br />
<br />
I want my logo, wich is divided in 4 parts, placed in a table, to have the both ends stretched over the rest of the width..<br />
<br />
Here's my code, ill put some explenation in it.<br />
<br />
<HTML><br />
<HEAD><br />
<!--Van Doorne Intranet By Az1d design, creation date 11 july 2001.--><br />
<br />
<TITLE>Van Doorne Intranet</TITLE><br />
</HEAD><br />
<br />
<BODY BGCOLOR=#FFFFFF topmargin="0"><br />
<!-- logo place holder, divided in 4 td's --><br />
<center><br />
<TABLE WIDTH=482 BORDER=0 CELLPADDING=0 CELLSPACING=0><br />
<TR><br />
<TD width="16" valign="top"><IMG SRC=http://www.htmlforums.com/archive/index.php/"images/twirl7_01.jpg" WIDTH="16" HEIGHT="75"></TD><!--This piece of my logo must be stretched over the rest of the page's wide.To the left side.--><br />
<TD width="217" valign="top"><IMG SRC=http://www.htmlforums.com/archive/index.php/"images/twirl7_02.jpg" WIDTH="217" HEIGHT="75"></TD><!--This one must remain as it is..--><br />
<TD width="210" valign="top"><IMG SRC=http://www.htmlforums.com/archive/index.php/"images/twirl7_03.jpg" WIDTH="210" HEIGHT="75"></TD><!--This one must also remain as it is, no stretching in this one..--><br />
<TD width="39" valign="top"><IMG SRC=http://www.htmlforums.com/archive/index.php/"images/twirl7_04.jpg" WIDTH="39" HEIGHT="75"></TD><!--This one must also be stretched over the rest of the page's width, only to the right side..--><br />
</TR><br />
</TABLE><br />
</center><br />
<!-- End of logo place holder --><br />
</BODY><br />
</HTML><br />
<br />
Does anyone understand what i mean?<br />
<br />
Please gimme some advice, i could not find it anywhere...<!--content-->You can set the width of the 2 end images in percentages so, for example, they fill 100% of the table cell. Set the middle 2 images in fixed pixels like you already have. If you set your table width to say 100% it will stretch to fill different size screens and your end images will stretch with it. Of course this will distort your images so it may not look good.<!--content-->U Rule!<br />
<br />
And the dissortion of the images isnt bad, since the pieces i want to stretch are fades, so the logo in the middle stays centered, and the both faded edges get stretched...sweet huh?<br />
<br />
Much thanx from me!
<!--content-->Hi wijbenga,<br /><br />
normally you would not want to resize images larger with the browser, the exception is an image of one color or a transparent gif. When they are resized there is no noticeable difference. Your images, even though they are gradients, will not look good if not displayed in their original dimensions (the aspect ratio, the relationship of the width to the height). If the stretch is only a few pixels it may not be very noticeable, but if you stretch more than a few pixels it will be very obvious.<br />
<br />
Try using a solid colored image (or just a bgcolor) where the resizing needs to occur, or an image that will tile if used as the background image in a cell.<br />
<br />
Regards,<br />
Kevin<!--content-->