OK If u look at this code .. save it as a html .. you will see the menu (black section) has images as buttons BUT as well as the buttons there are a few pixels bigger than the image. So the cells are bigger than the images which is WHAT I DONT WANT
CAN ANYONE HELP .. PLEASE ?.. thanks in advance :
===========
Heres the code:
===========
<HTML>
<HEAD>
<TITLE>
FreeStyle Design | Jon Cutter |
</TITLE>
<META a http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
<META
content="design, designconsultancy, design consultancy, designconsultants, graphic design, graphic design firm, cool, cambridge, uk, cambs, cambridgeshire, anglia, brochure design, brochuredesign, ukbrochuredesign, typography, corporate identities, corporate, annual reports, packaging, retail, versatile, innovative design, graphics, freestyle, freestyle design, design cambridge, cambridgeshire"
name=Keywords>
<META content="(c) 2003 FreeStyle Design" name=Copyright>
<META content=all name=Robots>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></HEAD
>
<script language="JavaScript" type="text/JavaScript">
function init() {
if (!document.getElementById)
return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagN
ame('img')
;
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('h
src')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hs
rc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',th
is.getAttr
ibute('hsr
c'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',im
gOriginSrc
)
}
}
}
}
onload=init;
</script>
<style>
body {scrollbar-arrow-color:#00
0000; scrollbar-track-color:WHIT
E; scrollbar-shadow-color:#00
0000; scrollbar-face-color:WHITE
; scrollbar-highlight-color:
#000000; scrollbar-darkshadow-color
:#000000; scrollbar-3dlight-color:#6
600FF; }
</style>
<BODY bgcolor="#6600FF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<TABLE width="100%" height="20%" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF">
<TBODY>
<tr valign="top">
<TD width="22%" height="182" align="right">
<TABLE width="100%" height="179" border="0" cellpadding="0" cellspacing="0" align="center">
<tr valign="top">
<TD height="179">
<TABLE width="100%" height="190" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<TD width="230" height="190"><img src="Graphics/logo2.gif" width="216" height="174" align="right">
</TD>
<TD width="212"><img src="Graphics/blocker.gif"
width="212" height="1" border="0" usemap="#Map3"></TD>
<TD width="201" align="left"><img src="Graphics/head2.gif" width="201" height="160">
<TD width="359" align="left"> </TD>
</tr valign="top">
</TABLE>
</tr valign="top">
</TABLE>
</TD>
</tr valign="top">
</TBODY>
</TABLE>
<TABLE width="100%" height="59%"
border=0 align=center cellPadding=0 cellSpacing=0 borderColor=#000000
bgcolor="#6600FF">
<TBODY>
<TR>
<TD vAlign=top align=left height="386">
<TABLE cellSpacing=0 cellPadding=0 width="100%" height="23" border=0>
<TBODY>
<TR bgcolor="#000000">
<td width="40" height="23"><img src="Graphics/blocker3.gif
" width="22" height="1" align="middle">
</td>
<td width="41" height="23" ><img src="Graphics/home_on.gif"
width="41" height="23">
</td>
<td width="16" height="23"><img src="Graphics/inbeetween.g
if" width="16" height="23">
</td>
<td width="71" height="23"><img src="Graphics/branding_off
.gif" width="71" height="23" border="0" usemap="#Map" hsrc="Graphics/branding_on
.gif">
</td>
<td width="16" height="23"><img src="Graphics/inbeetween.g
if" width="16" height="23">
</td>
<td width="78" height="23"><img src="Graphics/literature_o
ff.gif" width="78" height="23" border="0" usemap="#Map2" hsrc="Graphics/literature_
on.gif">
</td>
<td width="16" height="23"><img src="Graphics/inbeetween.g
if" width="16" height="23">
</td>
<td width="76" height="23"><img src="Graphics/packaging_of
f.gif" width="76" height="23" border="0" usemap="#Map4" hsrc="Graphics/packaging_o
n.gif">
</td>
<td width="16" height="23"><img src="Graphics/inbeetween.g
if" width="16" height="23">
</td>
<td width="81" height="23"><img src="Graphics/publishing_o
ff.gif" width="81" height="23" border="0" usemap="#Map5" hsrc="Graphics/publishing_
on.gif">
</td>
<td width="16" height="23"><img src="Graphics/inbeetween.g
if" width="16" height="23">
</td>
<td width="88" height="23"><img src="Graphics/advertising_
off.gif" width="88" height="23" border="0" usemap="#Map6" hsrc="Graphics/advertising
_on.gif">
</td>
<td width="16" height="23"><img src="Graphics/inbeetween.g
if" width="16" height="23">
</td>
<td width="90" height="23"><img src="Graphics/illustration
_off.gif" width="90" height="23" border="0" usemap="#Map7" hsrc="Graphics/illustratio
n_on.gif">
</td>
<td width="343" height="23" vAlign=top> </td>
</TR>
</TBODY>
</TABLE>
<table width="92%" height="300" border=0 align=center cellpadding=0 cellspacing=0>
<tbody>
<tr>
<td valign=top align=left width="163" height="300">
<br><iframe name="descr" width="202" height="244" frameborder="0" Scrolling = "no" src="intro.html"></iframe>
<br>
</td>
<td valign=top align=left width="23" height="300"><img src="Graphics/blocker2.gif
" width="23" height="1">
</td>
<td valign=top align=left width="738" height="300">
<br>
<table width="300" height="244" border="2" cellpadding="0" cellspacing="0" bordercolor="#6699FF" bgcolor="#FFFFFF">
<tr>
<td width="305" height="242"><table width="257" height="224" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="12" height="224"> </td>
<td width="245"><p><font size="2" face="Arial, Helvetica, sans-serif"><strong>Welcom
e
to our site, which is basically an online portfolio.
It is designed to give you an insight into the type
of work we do here at Freestyle Design. As you can
see we cover a wide range of designs, from logos
through to illustration, and everything in between!<br><br style="font-size:50%" />
Our experience, originality and affordability makes
us the perfect choice for the job, no matter how
big or small - we take great pride in our work and
our priority is the clients total satisfaction.</strong></fo
nt></p>
</td>
</tr>
</table></td>
</tr>
</table> </td>
</tr>
</tbody>
</table>
</font> </TD>
</TR>
</TBODY>
</TABLE>
<map name="Map">
<area shape="rect" coords="1,1,79,30" href="branding.htm">
</map>
<map name="Map2">
<area shape="rect" coords="1,1,95,37" href="literature.htm">
</map>
<map name="Map3">
<area shape="rect" coords="48,187,75,214" href="#">
</map>
<map name="Map4">
<area shape="rect" coords="1,1,91,42" href="packaging.htm">
</map>
<map name="Map5">
<area shape="rect" coords="2,1,112,55" href="publishing.htm">
</map>
<map name="Map6">
<area shape="rect" coords="2,1,124,65" href="advertising.htm">
</map>
<map name="Map7">
<area shape="rect" coords="1,1,125,67" href="illustration.htm">
</map>
</BODY>
</HTML>