This page used to display properly on MACS until I added <div> tags and now what should be visible within the browser is not. It displays as though it is a 640x480 screen resolution.
(The page isn't done. I'm just trying to test as I go along. The first hurdle was the doctype issue and the second was getting the layers to display across browsers) Now I have the new wrinkle of this display issue.
The only changes have been the addition of the layers or <div> tags.
Any suggestions?
Code:
---------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"<html>
<head>
<title>Beth Heit Hamsa Pottery Wall Reliefs</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles.css">
<script language="JavaScript" type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#"
!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"
)>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById
; return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape"
&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function P7_autoLayers() { //v1.1 PVII
var g,b,k,f,args=P7_autoLayers.arguments;
if(!document.p7setc) {p7c=new Array();document.p7setc=true;}
for(k=0; k<p7c.length; k++) {
if((g=MM_findObj(p7c[k]))!=null) {
b=(document.layers)?g:g.style;b.visibility="hidden";}}
for(k=0; k<args.length; k++) {
if((g=MM_findObj(args[k])) != null) {
b=(document.layers)?g:g.style;b.visibility="visible";f=false;
for(j=0;j<p7c.length;j++) {
if(args[k]==p7c[j]) {f=true;}}
if(!f) {p7c[p7c.length++]=args[k];}}}
}
function tmt_findObj
{
var x,t; if((n.indexOf("?"
)>0&&parent.frames.length){t=n.split("?"
;
x=eval("parent.frames['"+t[1]+"'].document.getElementById('"+t[0]+"')"
;
}else{x=document.getElementById
}return x;
}
function MM_showHideLayers() { //v3.0A Modified by Al Sparber and Massimo Foti for NN6 Compatibility
var i,p,v,obj,args=MM_showHideLayers.arguments;if(document.getElementById){
for (i=0; i<(args.length-2); i+=3){ obj=tmt_findObj(args);v=args[i+2];
v=(v=='show')?'visible'
v='hide')?'hidden':v;
if(obj)obj.style.visibility=v;}} else{
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'
v='hide')?'hidden':v; }
obj.visibility=v; }}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('images/gallery/logo_middle-over.jpg','images/gallery/gallery-over.gif','images/gallery/exhibits-over.gif','images/gallery/classes-over.gif','images/gallery/artist-over.gif','images/gallery/contact-over.gif','images/gallery/home-over.gif','images/gallery/pottery-over.gif','images/gallery/judaica-over.gif','images/gallery/reccentwork-over.gif','images/gallery/tiles-over.gif','images/gallery/wallreliefs/jerusalem_night_thumb-over.jpg','images/gallery/wallreliefs/gateway_thumb-over.jpg','images/gallery/wallreliefs/jerusalem_vision_thumb-over.jpg','images/gallery/wallreliefs/miriams_well_thumb-over.jpg','images/gallery/wallreliefs/hanahsprayerwheel_thumb-ove.jpg');P7_autoLayers('jerusalemnights')">
<div id="jerusalemnights" style="position:absolute; left:341px; top:109px; width:380px; z-index:100; visibility: hidden">
<table width="380" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/gallery/wallreliefs/jerusalem_night.jpg" alt="" width="380"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<div id="gateway" style="position:absolute; left:412px; top:108px; width:233px; z-index:80; visibility: hidden">
<table width="233" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/gallery/wallreliefs/gateway.jpg" alt="" width="233" height="295"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<div id="jerusalemvision" style="position:absolute; left:338px; top:87px; width:345px; z-index:130; visibility: hidden">
<table width="345" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/gallery/wallreliefs/jerusalem_vision.jpg" alt="" width="345" height="280"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<div id="miriamswell" style="position:absolute; left:339px; top:133px; width:380px; z-index:140; visibility: hidden">
<table width="380" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/gallery/wallreliefs/miriams_well.jpg" alt="" width="380" height="242"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<div id="hanah" style="position:absolute; left:338px; top:132px; width:320px; z-index:150; visibility: hidden">
<table width="320" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/gallery/wallreliefs/hanahs_prayer_wheel.jpg" alt="" width="320" height="295"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<table width="755" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td colspan="2">
<table width="755" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td>
<table width="300" border="0" cellspacing="0" cellpadding="0" bgcolor="#6AA7AA">
<tr>
<td width="53" height="110"><img src="images/gallery/logo_left.jpg" alt="" width="53" height="110"></td>
<td width="166" height="110"><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bethheit','','images/gallery/logo_middle-over.jpg',1)" onFocus="if(this.blur)this.blur()"><img name="bethheit" border="0" src="images/gallery/logo_middle.jpg" width="166" height="110" alt="Beth Heit Hamsa Pottery Home Page"></a></td>
<td width="81" height="110"><img src="images/gallery/logo_right.jpg" alt="" width="81" height="110"></td>
</tr>
</table>
</td>
<td>
<table width="380" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td align="left" valign="top">
<table width="419" border="0" cellspacing="0" cellpadding="0" bgcolor="#FEE388">
<tr>
<td width="73" height="35"><a href="pottery.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('gallery','','images/gallery/gallery-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="gallery" border="0" src="images/gallery/gallery.gif" width="73" height="35" alt="Gallery"></a></td>
<td width="77" height="35"><a href="exhibits.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('exhibits','','images/gallery/exhibits-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="exhibits" border="0" src="images/gallery/exhibits.gif" width="77" height="35" alt="Exhibits"></a></td>
<td width="73" height="35"><a href="classes.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Classes','','images/gallery/classes-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="Classes" border="0" src="images/gallery/classes.gif" width="73" height="35" alt="Classes"></a></td>
<td width="65" height="35"><a href="artist.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('artist','','images/gallery/artist-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="artist" border="0" src="images/gallery/artist.gif" width="65" height="35" alt="Artist"></a></td>
<td width="72" height="35"><a href="contact.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact','','images/gallery/contact-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="contact" border="0" src="images/gallery/contact.gif" width="72" height="35" alt="Contact"></a></td>
<td width="59" height="35"><a href="home.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/gallery/home-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="home" border="0" src="images/gallery/home.gif" width="59" height="35" alt="Beth Heit Hamsa Pottery Home Page"></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" valign="top">
<table width="419" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td width="39" height="75" bgcolor="#69A6AB"> </td>
<td width="380" height="75" bgcolor="#69A6AB"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td align="left" valign="top">
<table width="36" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td width="36" height="35" bgcolor="#FEE388"> </td>
</tr>
<tr>
<td bgcolor="#FEE388" width="36" height="75"><img src="images/gallery/right_top.jpg" alt="" width="36" height="75"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2">
<table width="755" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td width="53" height="242"><img src="images/gallery/left.jpg" alt="" width="53" height="242"></td>
<td width="122" height="242">
<table width="122" border="0" cellspacing="0" cellpadding="0" bgcolor="#6AA7AA">
<tr>
<td width="122" height="45"><a href="pottery.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pottery','','images/gallery/pottery-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="pottery" border="0" src="images/gallery/pottery.gif" width="122" height="45" alt="Pottery"></a></td>
</tr>
<tr>
<td width="122" height="50"><a href="tiles.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('tiles','','images/gallery/tiles-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="tiles" border="0" src="images/gallery/tiles.gif" width="122" height="50" alt="Tiles"></a></td>
</tr>
<tr>
<td width="122" height="46"><a href="judaica.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('judaica','','images/gallery/judaica-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="judaica" border="0" src="images/gallery/judaica.gif" width="122" height="46" alt="Judaica"></a></td>
</tr>
<tr>
<td width="122" height="49"><img src="images/gallery/wallreliefs-down.gif" alt="Wall Reliefs" width="122" height="49"></td>
</tr>
<tr>
<td width="122" height="52"><a href="recentwork.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('recentwork','','images/gallery/reccentwork-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="recentwork" border="0" src="images/gallery/reccentwork.gif" width="122" height="52" alt="Recent Work"></a></td>
</tr>
</table>
</td>
<td width="164" height="242" bgcolor="#69A6AB">
<table width="164" border="0" cellspacing="8" cellpadding="0" bgcolor="#68A7AA">
<tr>
<td width="70" height="70" bgcolor="#69A6AB"><a href="javascript:;" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('jerusalemnight','','images/gallery/wallreliefs/jerusalem_night_thumb-over.jpg',1)" onClick="MM_showHideLayers('jerusalemnights','','show','gateway','','hide','jerusalemvision','','hide','miriamswell','','hide','hanah','','hide');return false" onFocus="if(this.blur)this.blur()"><img name="jerusalemnight" border="0" src="images/gallery/wallreliefs/jerusalem_night_thumb.jpg" width="70" height="70" alt="Jerusalem Night Wall Relief"></a></td>
<td width="70" height="70" bgcolor="#6AA7AA"><a href="javascript:;" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('gateway','','images/gallery/wallreliefs/gateway_thumb-over.jpg',1)" onClick="MM_showHideLayers('jerusalemnights','','hide','gateway','','show','jerusalemvision','','hide','miriamswell','','hide','hanah','','hide');return false" onFocus="if(this.blur)this.blur()"><img name="gateway" border="0" src="images/gallery/wallreliefs/gateway_thumb.jpg" width="70" height="70" alt="Gateway Wall Relief"></a></td>
</tr>
<tr>
<td width="70" height="70" bgcolor="#68A7AC"><a href="javascript:;" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('jerusalemvision','','images/gallery/wallreliefs/jerusalem_vision_thumb-over.jpg',1)" onClick="MM_showHideLayers('jerusalemnights','','hide','gateway','','hide','jerusalemvision','','show','miriamswell','','hide','hanah','','hide');return false" onFocus="if(this.blur)this.blur()"><img name="jerusalemvision" border="0" src="images/gallery/wallreliefs/jerusalem_vision_thumb.jpg" width="70" height="70" alt="Jerusalem Vision Wall Relief"></a></td>
<td width="70" height="70" bgcolor="#67A7A9"><a href="javascript:;" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('miriamswell','','images/gallery/wallreliefs/miriams_well_thumb-over.jpg',1)" onClick="MM_showHideLayers('jerusalemnights','','hide','gateway','','hide','jerusalemvision','','hide','miriamswell','','show','hanah','','hide');return false" onFocus="if(this.blur)this.blur()"><img name="miriamswell" border="0" src="images/gallery/wallreliefs/miriams_well_thumb.jpg" width="70" height="70" alt="Miriam's Well Wall Relief"></a></td>
</tr>
<tr>
<td width="70" height="70" bgcolor="#69A6A7"><a href="javascript:;" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('hanahsprayerwheel','','images/gallery/wallreliefs/hanahsprayerwheel_thumb-ove.jpg',1)" onClick="MM_showHideLayers('jerusalemnights','','hide','gateway','','hide','jerusalemvision','','hide','miriamswell','','hide','hanah','','show');return false" onFocus="if(this.blur)this.blur()"><img name="hanahsprayerwheel" border="0" src="images/gallery/wallreliefs/hanahsprayerwheel_thumb.jpg" width="70" height="70"></a></td>
<td width="70" height="70" bgcolor="#69A6AB"> </td>
</tr>
</table>
</td>
<td width="380" height="242" bgcolor="#69A6AB"> </td>
<td width="36" height="242"><img src="images/gallery/right_middle.jpg" alt="" width="36" height="242"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="755" height="27" align="left" valign="top" colspan="2">
<table width="755" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td width="53" height="38"><img src="images/gallery/below_left.jpg" alt="" width="53" height="38"></td>
<td width="122" height="38" bgcolor="#68A7AA" align="left" valign="top"> </td>
<td width="164" height="38" bgcolor="#68A7AA" align="center" valign="bottom" class="more"> </td>
<td width="380" height="38" bgcolor="#68A7AA" align="center" valign="bottom" class="byline"> </td>
<td width="36" height="38"><img src="images/gallery/right_bottom.jpg" alt="" width="36" height="38"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="755" height="27" align="left" valign="top" colspan="2"><img src="images/gallery/bottom.jpg" alt="" width="755" height="27"></td>
</tr>
<tr>
<td width="53" align="left" valign="top"> </td>
<td width="702" align="left" valign="top">
<p class="index"> </p>
<p class="index">© 2003 Beth Heit/Hamsa Pottery. All rights reserved.<br />
<a href="mailto:beth@bethheit.com" onFocus="if(this.blur)this.blur()">beth@bethheit.com</a>
<a href=" onFocus="if(this.blur)this.blur()"> />
Web Design by <a href=" target="new" onFocus="if(this.blur)this.blur()">Small
World Graphics</a></p>
</td>
</tr>
</table>
</body>
</html>
--------------------------
(The page isn't done. I'm just trying to test as I go along. The first hurdle was the doctype issue and the second was getting the layers to display across browsers) Now I have the new wrinkle of this display issue.
The only changes have been the addition of the layers or <div> tags.
Any suggestions?
Code:
---------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"<html>
<head>
<title>Beth Heit Hamsa Pottery Wall Reliefs</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles.css">
<script language="JavaScript" type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#"
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape"
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function P7_autoLayers() { //v1.1 PVII
var g,b,k,f,args=P7_autoLayers.arguments;
if(!document.p7setc) {p7c=new Array();document.p7setc=true;}
for(k=0; k<p7c.length; k++) {
if((g=MM_findObj(p7c[k]))!=null) {
b=(document.layers)?g:g.style;b.visibility="hidden";}}
for(k=0; k<args.length; k++) {
if((g=MM_findObj(args[k])) != null) {
b=(document.layers)?g:g.style;b.visibility="visible";f=false;
for(j=0;j<p7c.length;j++) {
if(args[k]==p7c[j]) {f=true;}}
if(!f) {p7c[p7c.length++]=args[k];}}}
}
function tmt_findObj
var x,t; if((n.indexOf("?"
x=eval("parent.frames['"+t[1]+"'].document.getElementById('"+t[0]+"')"
}else{x=document.getElementById
}
function MM_showHideLayers() { //v3.0A Modified by Al Sparber and Massimo Foti for NN6 Compatibility
var i,p,v,obj,args=MM_showHideLayers.arguments;if(document.getElementById){
for (i=0; i<(args.length-2); i+=3){ obj=tmt_findObj(args);v=args[i+2];
v=(v=='show')?'visible'
if(obj)obj.style.visibility=v;}} else{
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'
obj.visibility=v; }}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('images/gallery/logo_middle-over.jpg','images/gallery/gallery-over.gif','images/gallery/exhibits-over.gif','images/gallery/classes-over.gif','images/gallery/artist-over.gif','images/gallery/contact-over.gif','images/gallery/home-over.gif','images/gallery/pottery-over.gif','images/gallery/judaica-over.gif','images/gallery/reccentwork-over.gif','images/gallery/tiles-over.gif','images/gallery/wallreliefs/jerusalem_night_thumb-over.jpg','images/gallery/wallreliefs/gateway_thumb-over.jpg','images/gallery/wallreliefs/jerusalem_vision_thumb-over.jpg','images/gallery/wallreliefs/miriams_well_thumb-over.jpg','images/gallery/wallreliefs/hanahsprayerwheel_thumb-ove.jpg');P7_autoLayers('jerusalemnights')">
<div id="jerusalemnights" style="position:absolute; left:341px; top:109px; width:380px; z-index:100; visibility: hidden">
<table width="380" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/gallery/wallreliefs/jerusalem_night.jpg" alt="" width="380"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<div id="gateway" style="position:absolute; left:412px; top:108px; width:233px; z-index:80; visibility: hidden">
<table width="233" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/gallery/wallreliefs/gateway.jpg" alt="" width="233" height="295"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<div id="jerusalemvision" style="position:absolute; left:338px; top:87px; width:345px; z-index:130; visibility: hidden">
<table width="345" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/gallery/wallreliefs/jerusalem_vision.jpg" alt="" width="345" height="280"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<div id="miriamswell" style="position:absolute; left:339px; top:133px; width:380px; z-index:140; visibility: hidden">
<table width="380" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/gallery/wallreliefs/miriams_well.jpg" alt="" width="380" height="242"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<div id="hanah" style="position:absolute; left:338px; top:132px; width:320px; z-index:150; visibility: hidden">
<table width="320" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/gallery/wallreliefs/hanahs_prayer_wheel.jpg" alt="" width="320" height="295"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<table width="755" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td colspan="2">
<table width="755" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td>
<table width="300" border="0" cellspacing="0" cellpadding="0" bgcolor="#6AA7AA">
<tr>
<td width="53" height="110"><img src="images/gallery/logo_left.jpg" alt="" width="53" height="110"></td>
<td width="166" height="110"><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bethheit','','images/gallery/logo_middle-over.jpg',1)" onFocus="if(this.blur)this.blur()"><img name="bethheit" border="0" src="images/gallery/logo_middle.jpg" width="166" height="110" alt="Beth Heit Hamsa Pottery Home Page"></a></td>
<td width="81" height="110"><img src="images/gallery/logo_right.jpg" alt="" width="81" height="110"></td>
</tr>
</table>
</td>
<td>
<table width="380" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td align="left" valign="top">
<table width="419" border="0" cellspacing="0" cellpadding="0" bgcolor="#FEE388">
<tr>
<td width="73" height="35"><a href="pottery.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('gallery','','images/gallery/gallery-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="gallery" border="0" src="images/gallery/gallery.gif" width="73" height="35" alt="Gallery"></a></td>
<td width="77" height="35"><a href="exhibits.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('exhibits','','images/gallery/exhibits-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="exhibits" border="0" src="images/gallery/exhibits.gif" width="77" height="35" alt="Exhibits"></a></td>
<td width="73" height="35"><a href="classes.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Classes','','images/gallery/classes-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="Classes" border="0" src="images/gallery/classes.gif" width="73" height="35" alt="Classes"></a></td>
<td width="65" height="35"><a href="artist.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('artist','','images/gallery/artist-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="artist" border="0" src="images/gallery/artist.gif" width="65" height="35" alt="Artist"></a></td>
<td width="72" height="35"><a href="contact.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact','','images/gallery/contact-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="contact" border="0" src="images/gallery/contact.gif" width="72" height="35" alt="Contact"></a></td>
<td width="59" height="35"><a href="home.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/gallery/home-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="home" border="0" src="images/gallery/home.gif" width="59" height="35" alt="Beth Heit Hamsa Pottery Home Page"></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" valign="top">
<table width="419" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td width="39" height="75" bgcolor="#69A6AB"> </td>
<td width="380" height="75" bgcolor="#69A6AB"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td align="left" valign="top">
<table width="36" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td width="36" height="35" bgcolor="#FEE388"> </td>
</tr>
<tr>
<td bgcolor="#FEE388" width="36" height="75"><img src="images/gallery/right_top.jpg" alt="" width="36" height="75"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2">
<table width="755" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td width="53" height="242"><img src="images/gallery/left.jpg" alt="" width="53" height="242"></td>
<td width="122" height="242">
<table width="122" border="0" cellspacing="0" cellpadding="0" bgcolor="#6AA7AA">
<tr>
<td width="122" height="45"><a href="pottery.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pottery','','images/gallery/pottery-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="pottery" border="0" src="images/gallery/pottery.gif" width="122" height="45" alt="Pottery"></a></td>
</tr>
<tr>
<td width="122" height="50"><a href="tiles.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('tiles','','images/gallery/tiles-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="tiles" border="0" src="images/gallery/tiles.gif" width="122" height="50" alt="Tiles"></a></td>
</tr>
<tr>
<td width="122" height="46"><a href="judaica.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('judaica','','images/gallery/judaica-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="judaica" border="0" src="images/gallery/judaica.gif" width="122" height="46" alt="Judaica"></a></td>
</tr>
<tr>
<td width="122" height="49"><img src="images/gallery/wallreliefs-down.gif" alt="Wall Reliefs" width="122" height="49"></td>
</tr>
<tr>
<td width="122" height="52"><a href="recentwork.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('recentwork','','images/gallery/reccentwork-over.gif',1)" onFocus="if(this.blur)this.blur()"><img name="recentwork" border="0" src="images/gallery/reccentwork.gif" width="122" height="52" alt="Recent Work"></a></td>
</tr>
</table>
</td>
<td width="164" height="242" bgcolor="#69A6AB">
<table width="164" border="0" cellspacing="8" cellpadding="0" bgcolor="#68A7AA">
<tr>
<td width="70" height="70" bgcolor="#69A6AB"><a href="javascript:;" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('jerusalemnight','','images/gallery/wallreliefs/jerusalem_night_thumb-over.jpg',1)" onClick="MM_showHideLayers('jerusalemnights','','show','gateway','','hide','jerusalemvision','','hide','miriamswell','','hide','hanah','','hide');return false" onFocus="if(this.blur)this.blur()"><img name="jerusalemnight" border="0" src="images/gallery/wallreliefs/jerusalem_night_thumb.jpg" width="70" height="70" alt="Jerusalem Night Wall Relief"></a></td>
<td width="70" height="70" bgcolor="#6AA7AA"><a href="javascript:;" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('gateway','','images/gallery/wallreliefs/gateway_thumb-over.jpg',1)" onClick="MM_showHideLayers('jerusalemnights','','hide','gateway','','show','jerusalemvision','','hide','miriamswell','','hide','hanah','','hide');return false" onFocus="if(this.blur)this.blur()"><img name="gateway" border="0" src="images/gallery/wallreliefs/gateway_thumb.jpg" width="70" height="70" alt="Gateway Wall Relief"></a></td>
</tr>
<tr>
<td width="70" height="70" bgcolor="#68A7AC"><a href="javascript:;" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('jerusalemvision','','images/gallery/wallreliefs/jerusalem_vision_thumb-over.jpg',1)" onClick="MM_showHideLayers('jerusalemnights','','hide','gateway','','hide','jerusalemvision','','show','miriamswell','','hide','hanah','','hide');return false" onFocus="if(this.blur)this.blur()"><img name="jerusalemvision" border="0" src="images/gallery/wallreliefs/jerusalem_vision_thumb.jpg" width="70" height="70" alt="Jerusalem Vision Wall Relief"></a></td>
<td width="70" height="70" bgcolor="#67A7A9"><a href="javascript:;" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('miriamswell','','images/gallery/wallreliefs/miriams_well_thumb-over.jpg',1)" onClick="MM_showHideLayers('jerusalemnights','','hide','gateway','','hide','jerusalemvision','','hide','miriamswell','','show','hanah','','hide');return false" onFocus="if(this.blur)this.blur()"><img name="miriamswell" border="0" src="images/gallery/wallreliefs/miriams_well_thumb.jpg" width="70" height="70" alt="Miriam's Well Wall Relief"></a></td>
</tr>
<tr>
<td width="70" height="70" bgcolor="#69A6A7"><a href="javascript:;" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('hanahsprayerwheel','','images/gallery/wallreliefs/hanahsprayerwheel_thumb-ove.jpg',1)" onClick="MM_showHideLayers('jerusalemnights','','hide','gateway','','hide','jerusalemvision','','hide','miriamswell','','hide','hanah','','show');return false" onFocus="if(this.blur)this.blur()"><img name="hanahsprayerwheel" border="0" src="images/gallery/wallreliefs/hanahsprayerwheel_thumb.jpg" width="70" height="70"></a></td>
<td width="70" height="70" bgcolor="#69A6AB"> </td>
</tr>
</table>
</td>
<td width="380" height="242" bgcolor="#69A6AB"> </td>
<td width="36" height="242"><img src="images/gallery/right_middle.jpg" alt="" width="36" height="242"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="755" height="27" align="left" valign="top" colspan="2">
<table width="755" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td width="53" height="38"><img src="images/gallery/below_left.jpg" alt="" width="53" height="38"></td>
<td width="122" height="38" bgcolor="#68A7AA" align="left" valign="top"> </td>
<td width="164" height="38" bgcolor="#68A7AA" align="center" valign="bottom" class="more"> </td>
<td width="380" height="38" bgcolor="#68A7AA" align="center" valign="bottom" class="byline"> </td>
<td width="36" height="38"><img src="images/gallery/right_bottom.jpg" alt="" width="36" height="38"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="755" height="27" align="left" valign="top" colspan="2"><img src="images/gallery/bottom.jpg" alt="" width="755" height="27"></td>
</tr>
<tr>
<td width="53" align="left" valign="top"> </td>
<td width="702" align="left" valign="top">
<p class="index"> </p>
<p class="index">© 2003 Beth Heit/Hamsa Pottery. All rights reserved.<br />
<a href="mailto:beth@bethheit.com" onFocus="if(this.blur)this.blur()">beth@bethheit.com</a>
<a href=" onFocus="if(this.blur)this.blur()"> />
Web Design by <a href=" target="new" onFocus="if(this.blur)this.blur()">Small
World Graphics</a></p>
</td>
</tr>
</table>
</body>
</html>
--------------------------