-
I have 2 scripts like this:
<script language="JavaScript">
function openWindow (url) {
popUpWin = window.open(url,'blah','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable =0,width=510,height=520');
if (navigator.appName == 'Netscape') {
popUpWin.focus() ;
}
}
</script>
<a
href="javascript:openWindow('httpL//whatever')">
Eric</a><br>
on one page. The width and height are different, but when clicked, they are the same size. Any ideas?
Also: I have 2 <div> tags, and I want them side by side. But one always appears below the other. How can I fix this?
Thanks.
-
the width and height may be different but 510 and 520 are pretty close to each other.
What do you mean by "when clicked, they are the same size"?
as for you DIV problem, post what you've got so far and we'll sort it out for you.
-
I mean that, I have 2 of that JavaScript code on 1 page. The width and height are totally different for each seperate one. But, when I click one, it comes up as the size of the 2nd code chunk.
I don't get it...
-
As for the <div>'s...
<div style="background: blue; width: 150px;">
<font color=white><b>blah</b></div>
<div style="background: white; border: 1px solid black; width: 150px; position: absolute;">
blah
<div style="background: white; border: 1px solid black; width: 150px; position: absolute;">
blah
</div>
</div>
The appear above each other, like:
<div1here>
<div2here>
<div3here>
I want:
<div1here>
<div2here><div3here>
-
you just need to include left atributes to position them
Code:
<html>
<body>
<div style="background: blue; width: 150px;height:100;">
<font color=white><b>blah</b>
</div>
<div style="background: white; border: 1px solid black; width:150px;height:100; position: absolute;">
blah
</div>
<div style="background: green; border: 1px solid black; width:150px;height:100; position: absolute; left=160">
blah
</div>
</body>
</html>