Erasing border and padding in javascript window

[Eva]

Hi,

I'm really really really new to javascripts and so i couldn't really
comprehend thoroughly on the the previous posts regarding this issue.

Anyways, I'm setting up a picture album site. When i click on a
thumbnail or a picture, a larger picture pops up in a javascript
window. But it has a space on the top and on the left of my larger pic
in the pop-up window. How do i get rid of that? Also, i want the
window to fit my my pic so there's no space whatsoever around it.

Here is what i have:

<table height="333" border="0" align="center" cellspacing="0" >
<tr valign="bottom" >
<td align="center"> <SCRIPT language="JavaS cript">
<!--
function my_win()
{
window.open('pi cturealbum/MattMe%20Thumbn ails/images/MattMe1_jpg.jpg ','mywindow','w idth=306,height =257,border=0,p adding=0');
}
//-->
</SCRIPT> <A HREF="javascrip t:my_win()"><IM G
SRC="picturealb um/MattMe%20Thumbn ails/thumbnails/MattMe1_jpg.jpg "
border="0"></A></td>
<td align="center"> <a
href="pictureal bum/MattMe%20Thumbn ails/images/MattMe10_jpg.jp g"><img
src="picturealb um/MattMe%20Thumbn ails/thumbnails/MattMe10_jpg.jp g"
border="0"></a>
</td>

[Andrew Thompson]

On 17 Nov 2004 00:23:38 -0800, Eva wrote:

When i click on a
thumbnail or a picture, a larger picture pops up in a javascript
window. But it has a space on the top and on the left of my larger pic
in the pop-up window. How do i get rid of that?

CSS. (JS is not needed for this one)

--
Andrew Thompson
http://www.PhySci.org/codes/ Web & IT Help
http://www.PhySci.org/ Open-source software suite
http://www.1point1C.org/ Science & Technology
http://www.LensEscapes.com/ Images that escape the mundane

[Eva Lean]

Thanks. But what do insert and where in my coding do i insert it?

*** Sent via Developersdex http://www.developersdex.com ***
Don't just participate in USENET...get rewarded for it!

[Michael Winter]

On Wed, 17 Nov 2004 08:35:53 GMT, Andrew Thompson <Se********@www .invalid>
wrote:

On 17 Nov 2004 00:23:38 -0800, Eva wrote:

[...] it has a space on the top and on the left of my larger pic in the
pop-up window. How do i get rid of that?

CSS. (JS is not needed for this one)

I don't think that's feasible here. In the OP, the contents of the new
window is an image by itself. CSS would have no application here.

I'm not sure if there is a solution. If a browser decides to pad the
viewport when displaying an image, I doubt you can persuade it otherwise.

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

[Andrew Thompson]

On 17 Nov 2004 08:45:45 GMT, Eva Lean wrote:

(no norder in image page)

(A.T.)
CSS. (JS is not needed for this one)

Thanks. But what do insert and where in my coding do i insert it?

(Please quote a little of what you are replying to, Eva, to
give it a context. Copy/paste if necessary.)

1st, the best group for advice on CSS is not one that discusses JS.

You are currently posting to
<http://groups.google.c om/groups?as_ugrou p=comp.lang.jav ascript>
...whereas those CSS answers are found on..
<http://groups.google.c om/groups?as_ugrou p=comp.infosyst ems.www.authori ng.stylesheets>

Do a search on the latter group and read some of the posts.
If that does not sort the problem, make a post.

HTH

--
Andrew Thompson
http://www.PhySci.org/codes/ Web & IT Help
http://www.PhySci.org/ Open-source software suite
http://www.1point1C.org/ Science & Technology
http://www.LensEscapes.com/ Images that escape the mundane

[Andrew Thompson]

On Wed, 17 Nov 2004 09:20:34 GMT, Michael Winter wrote:

On Wed, 17 Nov 2004 08:35:53 GMT, Andrew Thompson <Se********@www .invalid>
wrote:

On 17 Nov 2004 00:23:38 -0800, Eva wrote:

[...] it has a space on the top and on the left of my larger pic in the
pop-up window. How do i get rid of that?

CSS. (JS is not needed for this one)

I don't think that's feasible here. In the OP, the contents of the new
window is an image by itself. CSS would have no application here.

Oops! My bad. I glanced at the original post and saw HTML
tables and stuff and jumped to the wrong conclusion that it
was the image page.

OTOH, instead of 'showing a raw image' in a window, the OP
could 'show the image page' in the new window, and give it
the image path/name as a parameter in the URL.

(Which would then bring us back to CSS as the solution)

--
Andrew Thompson
http://www.PhySci.org/codes/ Web & IT Help
http://www.PhySci.org/ Open-source software suite
http://www.1point1C.org/ Science & Technology
http://www.LensEscapes.com/ Images that escape the mundane

[Michael Winter]

On Wed, 17 Nov 2004 09:53:51 GMT, Andrew Thompson <Se********@www .invalid>
wrote:

[snip]

OTOH, instead of 'showing a raw image' in a window, the OP
could 'show the image page' in the new window, and give it
the image path/name as a parameter in the URL.

You could.

You could also not use a new window, avoiding the problem entirely. :)

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

[Andrew Thompson]

On Wed, 17 Nov 2004 10:01:01 GMT, Michael Winter wrote:

You could also not use a new window, avoiding the problem entirely. :)

...best suggestion that has come up in this thread so far.

It will also save the site owners money in support
'I just installed [IE SP2, Google Toolbar..] now your site is
broken! I clicked a link and nothing happened.. '

--
Andrew Thompson
http://www.PhySci.org/codes/ Web & IT Help
http://www.PhySci.org/ Open-source software suite
http://www.1point1C.org/ Science & Technology
http://www.LensEscapes.com/ Images that escape the mundane

[RobB]

Andrew Thompson <Se********@www .invalid> wrote in message news:<1u******* *************** ********@40tude .net>...

On Wed, 17 Nov 2004 10:01:01 GMT, Michael Winter wrote:

You could also not use a new window, avoiding the problem entirely. :)

..best suggestion that has come up in this thread so far.

It will also save the site owners money in support
'I just installed [IE SP2, Google Toolbar..] now your site is
broken! I clicked a link and nothing happened.. '

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>foo</title>
<base href="http://www.maineviews. com/albums/album11/" />
<style type="text/css">

img {
display: block;
margin: 12px;
border: none;
}

</style>
<script type="text/javascript">

var picwin = null;
var filepath = 'http://www.maineviews. com/albums/album11/';
var sHTML = '';

function getHTML()
{
return sHTML;
}

function pw(src, w, h, title, BG)
{
if (null != picwin && !picwin.closed)
picwin.close();
src = (filepath || '').concat(src) ;
var l = (screen.availWi dth - w - 10) * .5;
var t = (screen.availHe ight - 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><t itle>' + title + '</title></head>' +
'<body style="margin:0 ;background:'+B G+';' +
' onblur="setTime out(function(){ self.focus()},2 00)"' +
' onclick="self.c lose()"><img style="border-width:0;cursor: pointer;"'
+
' title="click to close" src="' + src + '"></a></body></html>';

picwin = open('javascrip t:opener.getHTM L()', 'picwin', config);
if (null != picwin && !picwin.closed)
picwin.focus();
return false;
}

</script>
</head>
<body>
<a href="#null" onclick="return pw('sugarshaker s.sized.jpg', 640, 424,
'Sugar Shakers')">
<img src="sugarshake rs.thumb.jpg" />
</a>
<a href="#null" onclick="return pw('threeviews. sized.jpg', 640, 154,
'Three Views')">
<img src="threeviews .thumb.jpg" />
</a>
<a href="#null" onclick="return pw('simplefruit _finished.sized .jpg',
640, 459, 'Simple Fruit')">
<img src="simplefrui t_finished.thum b.jpg" />
</a>
</body>
</html>

[RobB]

Andrew Thompson <Se********@www .invalid> wrote in message news:<1u******* *************** ********@40tude .net>...

On Wed, 17 Nov 2004 10:01:01 GMT, Michael Winter wrote:

You could also not use a new window, avoiding the problem entirely. :)

..best suggestion that has come up in this thread so far.

It will also save the site owners money in support
'I just installed [IE SP2, Google Toolbar..] now your site is
broken! I clicked a link and nothing happened.. '

Oops. Sorry, typo...

sHTML += '<html><head><t itle>' + title + '</title></head>' +
'<body style="margin:0 ;background:'+B G+';"' +
' onblur="setTime out(\'self.focu s()\',100)"' +
' onclick="self.c lose()"><img style="border-width:0;cursor: pointer;"' +
' title="click to close" src="' + src + '"></a></body></html>';