I'm needing help with a spacer (okay so it's not a spacer its a blending graphic) in my header!!<br />
<br />
My index page, that looks after the frames has this:-<br />
<br />
<frameset rows="116,*" cols="*" framespacing="0" frameborder="NO" border="0"><br />
<frame src=http://www.htmlforums.com/archive/index.php/"Header.htm" name="topFrame" scrolling="NO" noresize ><br />
<frame src=http://www.htmlforums.com/archive/index.php/"main.htm" name="mainFrame"><br />
</frameset><br />
<br />
The Header page has this detail:-<br />
<br />
<body><br />
<p align="center"><img src=http://www.htmlforums.com/archive/index.php/"images/buttons/ABlogog.jpg" width="349" height="65"><img src="images/buttons/cellpic2.jpg" width="8%" height="65"><img src="images/buttons/ABmenu.jpg" width="357" height="65" border="0" usemap="#Map"> <br />
<map name="Map"><br />
<area shape="rect" coords="16,6,89,21" href=http://www.htmlforums.com/archive/index.php/"index.htm" target="_parent" alt="Home"><br />
<area shape="rect" coords="98,6,156,22" href=http://www.htmlforums.com/archive/index.php/"chat.htm" target="_blank" alt="Chat"><br />
<area shape="rect" coords="165,6,242,24" href=http://www.htmlforums.com/archive/index.php/"phpBB" target="_blank" alt="Forums"><br />
<area shape="rect" coords="252,5,338,24" href=http://www.htmlforums.com/archive/index.php/"photopost" target="_parent" alt="Gallery"><br />
<area shape="rect" coords="20,37,87,56" href=http://www.htmlforums.com/archive/index.php/"links.htm" target="mainFrame"><br />
<area shape="rect" coords="93,37,202,57" href=http://www.htmlforums.com/archive/index.php/"contacts.htm" target="mainFrame"><br />
<area shape="rect" coords="213,37,329,55" href=http://www.htmlforums.com/archive/index.php/"disclaimer.htm" target="mainFrame"><br />
</map><br />
</p><br />
</body><br />
<br />
<br />
What i want to do is make this graphic 'images/buttons/cellpic2.jpg' change size with different screen sizes!! <br />
<br />
Somebody says that i should use tables, but how would i do that??<br />
<br />
Ta Very much<br />
Fletch<!--content-->to get it to change size dependent on resolution, you'd have to use percentages... but you can't very well do percentage sizing WITH an image map.<br />
<br />
a possible solution would be to use server-side scripting instead. you could use javascript, but for users with it turned off, your page could be potentially really screwy.<!--content-->Aye the image width (cellpic2.jpg) is done with a %'age. The Problem is that the other 2 graphics, have text and the percentages screw the text size up!!<br />
<br />
And as you say the map doesn't come out right!<br />
<br />
Somebody did say use a table something like this:-<br />
<br />
<TD WIDTH=194><A HREF=http://www.htmlforums.com/archive/index.php/"main.php" TARGET="main"><IMG SRC="images/sc-heading-part1.gif" ALT="Main Page" BORDER="0"></A></TD><br />
<TD WIDTH=* background="images/sc-heading-part2.gif"> </TD><br />
<TD WIDTH=571><img src=http://www.htmlforums.com/archive/index.php/"images/sc-heading-part3.gif" usemap="#Map" border=0></TD><br />
<!-- <TD WIDTH=16 BGCOLOR="#000000"> </TD> --><br />
</TR></TABLE><br />
<br />
<br />
i tried to 'borrow' that from the site, but i couldn't make it work<br />
<br />
Thanks for your help<br />
Fletch<!--content-->
<br />
My index page, that looks after the frames has this:-<br />
<br />
<frameset rows="116,*" cols="*" framespacing="0" frameborder="NO" border="0"><br />
<frame src=http://www.htmlforums.com/archive/index.php/"Header.htm" name="topFrame" scrolling="NO" noresize ><br />
<frame src=http://www.htmlforums.com/archive/index.php/"main.htm" name="mainFrame"><br />
</frameset><br />
<br />
The Header page has this detail:-<br />
<br />
<body><br />
<p align="center"><img src=http://www.htmlforums.com/archive/index.php/"images/buttons/ABlogog.jpg" width="349" height="65"><img src="images/buttons/cellpic2.jpg" width="8%" height="65"><img src="images/buttons/ABmenu.jpg" width="357" height="65" border="0" usemap="#Map"> <br />
<map name="Map"><br />
<area shape="rect" coords="16,6,89,21" href=http://www.htmlforums.com/archive/index.php/"index.htm" target="_parent" alt="Home"><br />
<area shape="rect" coords="98,6,156,22" href=http://www.htmlforums.com/archive/index.php/"chat.htm" target="_blank" alt="Chat"><br />
<area shape="rect" coords="165,6,242,24" href=http://www.htmlforums.com/archive/index.php/"phpBB" target="_blank" alt="Forums"><br />
<area shape="rect" coords="252,5,338,24" href=http://www.htmlforums.com/archive/index.php/"photopost" target="_parent" alt="Gallery"><br />
<area shape="rect" coords="20,37,87,56" href=http://www.htmlforums.com/archive/index.php/"links.htm" target="mainFrame"><br />
<area shape="rect" coords="93,37,202,57" href=http://www.htmlforums.com/archive/index.php/"contacts.htm" target="mainFrame"><br />
<area shape="rect" coords="213,37,329,55" href=http://www.htmlforums.com/archive/index.php/"disclaimer.htm" target="mainFrame"><br />
</map><br />
</p><br />
</body><br />
<br />
<br />
What i want to do is make this graphic 'images/buttons/cellpic2.jpg' change size with different screen sizes!! <br />
<br />
Somebody says that i should use tables, but how would i do that??<br />
<br />
Ta Very much<br />
Fletch<!--content-->to get it to change size dependent on resolution, you'd have to use percentages... but you can't very well do percentage sizing WITH an image map.<br />
<br />
a possible solution would be to use server-side scripting instead. you could use javascript, but for users with it turned off, your page could be potentially really screwy.<!--content-->Aye the image width (cellpic2.jpg) is done with a %'age. The Problem is that the other 2 graphics, have text and the percentages screw the text size up!!<br />
<br />
And as you say the map doesn't come out right!<br />
<br />
Somebody did say use a table something like this:-<br />
<br />
<TD WIDTH=194><A HREF=http://www.htmlforums.com/archive/index.php/"main.php" TARGET="main"><IMG SRC="images/sc-heading-part1.gif" ALT="Main Page" BORDER="0"></A></TD><br />
<TD WIDTH=* background="images/sc-heading-part2.gif"> </TD><br />
<TD WIDTH=571><img src=http://www.htmlforums.com/archive/index.php/"images/sc-heading-part3.gif" usemap="#Map" border=0></TD><br />
<!-- <TD WIDTH=16 BGCOLOR="#000000"> </TD> --><br />
</TR></TABLE><br />
<br />
<br />
i tried to 'borrow' that from the site, but i couldn't make it work<br />
<br />
Thanks for your help<br />
Fletch<!--content-->