Eva Lean said:
Sorry guys, thanks for all your help. I'm still having problems with
this...
This is my coding so far. remember that im doing a picture album site
with all these thumbnails to popup in new javascript windows with no
borders. I want the window to appear around the image & thats it.
With the css code that was just posted, do i have insert to just the
beginning of my coding or do i insert around every thumbnail?
I'm new at this, so thats why its taking longer for me to understand.
thanks for your patience.
This my coding so far:
<html>
<head>
<title>MattMe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style type="text/css">
<!--
BODY {
scrollbar-face-color: #FF99CC;
scrollbar-shadow-color: #3333FF;
scrollbar-highlight-color: #3333FF;
scrollbar-3dlight-color: #3333FF;
scrollbar-darkshadow-color: #3333FF;
scrollbar-track-color: #3333FF;
scrollbar-arrow-color: #000000
}
-->
</style>
<body STYLE="background-color: transparent">
<center>
<table height="333" border="0" align="center" cellspacing="0">
<tr valign="bottom">
<td align="center"> <SCRIPT language="JavaScript">
<!--
function my_win()
{
window.open('picturealbum/MattMe%20Thumbnails/images/MattMe1_jpg.jpg','m
ywindow','width=306,height=257');
}
//-->
</SCRIPT> <A HREF="javascript:my_win()"><IMG
SRC="picturealbum/MattMe%20Thumbnails/thumbnails/MattMe1_jpg.jpg"
border="0"></A></td>
<td align="center"><a
href="picturealbum/MattMe%20Thumbnails/images/MattMe10_jpg.jpg"><img
src="picturealbum/MattMe%20Thumbnails/thumbnails/MattMe10_jpg.jpg"
border="0"></a>
</td>
<td align="center"><a
href="picturealbum/MattMe%20Thumbnails/images/MattMe12_jpg.jpg"><img
src="picturealbum/MattMe%20Thumbnails/thumbnails/MattMe12_jpg.jpg"
border="0"></a>
</td>
<td align="center"><a
href="picturealbum/MattMe%20Thumbnails/images/MattMe9_jpg.jpg"><img
src="picturealbum/MattMe%20Thumbnails/thumbnails/MattMe9_jpg.jpg"
border="0"></a>
</td>
</tr>
<tr valign="bottom">
<td align="center"><a
href="picturealbum/MattMe%20Thumbnails/images/MattMe13_jpg.jpg"><img
src="picturealbum/MattMe%20Thumbnails/thumbnails/MattMe13_jpg.jpg"
border="0"></a>
</td>
<td align="center"><a
href="picturealbum/MattMe%20Thumbnails/images/MattMe15_jpg.jpg"><img
src="picturealbum/MattMe%20Thumbnails/thumbnails/MattMe15_jpg.jpg"
border="0"></a>
</td>
<td align="center"><a
href="picturealbum/MattMe%20Thumbnails/images/MattMe2_jpg.jpg"><img
src="picturealbum/MattMe%20Thumbnails/thumbnails/MattMe2_jpg.jpg"
border="0"></a>
</td>
<td align="center"><a
href="picturealbum/MattMe%20Thumbnails/images/MattMe11_jpg.jpg"><img
src="picturealbum/MattMe%20Thumbnails/thumbnails/MattMe11_jpg.jpg"
border="0"></a>
</td>
</tr>
<tr valign="bottom">
<td align="center"><a
href="picturealbum/MattMe%20Thumbnails/images/MattMe5_jpg.jpg"><img
src="picturealbum/MattMe%20Thumbnails/thumbnails/MattMe5_jpg.jpg"
border="0"></a>
</td>
<td align="center"><a
href="picturealbum/MattMe%20Thumbnails/images/MattMe6_jpg.jpg"><img
src="picturealbum/MattMe%20Thumbnails/thumbnails/MattMe6_jpg.jpg"
border="0"></a>
</td>
<td align="center"><a
href="picturealbum/MattMe%20Thumbnails/images/MattMe7_jpg.jpg"><img
src="picturealbum/MattMe%20Thumbnails/thumbnails/MattMe7_jpg.jpg"
border="0"></a>
</td>
<td align="center"><a
href="picturealbum/MattMe%20Thumbnails/images/MattMe8_jpg.jpg"><img
src="picturealbum/MattMe%20Thumbnails/thumbnails/MattMe8_jpg.jpg"
border="0"></a>
</td>
</tr>
</table>
</center>
</body>
</html>
Eva: you might want to start your own group.
<html>
<head>
<title>MattMe</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
</head>
<style type="text/css">
<!--
BODY {
scrollbar-face-color: #FF99CC;
scrollbar-shadow-color: #3333FF;
scrollbar-highlight-color: #3333FF;
scrollbar-3dlight-color: #3333FF;
scrollbar-darkshadow-color: #3333FF;
scrollbar-track-color: #3333FF;
scrollbar-arrow-color: #000000
}
-->
</style>
<script type="text/javascript">
var picwin = null;
var sHTML = '';
function getHTML()
{
return sHTML;
}
function pw(src, w, h, title, BG)
{
if (null != picwin && !picwin.closed)
picwin.close();
var l = (screen.availWidth - w - 10) * .5;
var t = (screen.availHeight - h) * .5;
var config = 'width=' + w + ',height=' + h + ',left=' + l + ',top=' +
t + ',status=0';
title = title || 'Picture Window'
BG = BG || '#000';
sHTML = '';
sHTML += '<html><head><title>' + title + '</title></head>' +
'<body style="margin:0;background:'+BG+';"' +
' onblur="setTimeout(\'self.focus()\',100)"' +
' onclick="self.close()"><img style="border-width:0;cursor
ointer;"'
+
' title="click to close" src="' + src + '"></a></body></html>';
picwin = open('javascript
pener.getHTML()', 'picwin', config);
if (null != picwin && !picwin.closed)
picwin.focus();
return false;
}
</script>
<body STYLE="background-color: transparent">
<center>
<table height="333" border="0" align="center" cellspacing="0">
<tr valign="bottom">
<td align="center"><a
href="picturealbum/MattMe%20Thumbnails/images/MattMe1_jpg.jpg"
onclick="return pw(this.href,306,257,'Feh!')"><img border="0"
src="picturealbum/MattMe%20Thumbnails/thumbnails/MattMe1_jpg.jpg"
/></a></td>
</tr>
</table>
</center>
</body>
</html>
Add, rinse, repeat. Might want to use a different window title for
that first one.