The following code works fine in IE but does not work in NN. The issue being is that it has the position correct but it's underneath the main picture.
<code>
<STYLE TYPE="text/css">
<!--
.ovrLayWIngs {
position: absolute;
left: 3.75in;
top: 30px;
}
-->
</STYLE>
the page is at
<!-- m --><a class="postlink" href="http://www.alienwebproduction.com/Anfy/Dragon.htmlI">http://www.alienwebproduction.com/Anfy/Dragon.htmlI</a><!-- m --> think that you designed this for 1 resolution only. Look at the image below to see why I have come to this conclusion:
<!-- m --><a class="postlink" href="http://www.geocities.com/caulolli/oops.png">http://www.geocities.com/caulolli/oops.png</a><!-- m -->
If I were you I would position absolutely, relative to the main picture.As a matter of fact I did 800x600.lavalamp you may like the new one better. Thanks for the reminder.Well it's still designed for 800x600 but you'll be happy to hear that I can't find any evidence of the original problem. I viewed it in NN 4.79, 6.22, 7.02, 7.11 and also in Moz 1.4 and Moz FB 0.6, if it makes any difference I'm using XP home, (you probably spotted I'm using XP from the screen shot).
To see the screenshot for NN 4.79 the address is below, surprise, surprise NN 4.79 is crap and doesn't support CSS.
<!-- m --><a class="postlink" href="http://www.geocities.com/caulolli/oops2.pngOriginally">http://www.geocities.com/caulolli/oops2.pngOriginally</a><!-- m --> posted by Alien Man
but it's underneath the main picture.You have apparently changed your code to position: relative. Now in NS 4, the wings are at the bottom of the page.
I can't seem to Download your applets to try to help you. I get an error that says "bad magic number".
It may be as simple as specifying the z-index on the DIV to get position: absolute to work right. Then you may have to mess around with margins. IE and NS do not line up the same unless you position: absolute everything.
BTW, depending on a table for layout is not a good idea.Gil, why are you a "die-hard NS 4.X user"? There are newer browsers out there that are much better (Mozilla for instance).Looking at your code I discovered that the DIV that contains your second applet for the animated wings is incorrectly nested within the main table.
<div class="ovrLayWings">
<applet CODE="RippleApplet.class" width="351" height="236">
<param NAME="image" VALUE="CutWings.jpg">
<param NAME="imageMask" VALUE="OvrCutWings.gif">
<param NAME="initImage" VALUE="true">
<param NAME="frames" VALUE="24">
<param NAME="nWaves" VALUE="3">
<param NAME="percent" VALUE="2">
<param NAME="offset" VALUE="4">
<param NAME="delay" VALUE="100">
<param NAME="direction" VALUE="up">
</applet>
</td>
</tr>
</table>
</div>
I've attached a file that validates as HTML 4.01 Loose, which is the doctype that you seemed to be aiming for. It involves more CSS than your original design, and I dumped the tables all together.
And the kicker is, I think it might work on NS 4.x. I couldn't get the applet to load on my local machine, but upload it to your server and see if it works. The applet seems to be positioned where you want it.toicontien,
Thank you for the time you have spent on my issue, however I am unable to find the attchment maybe I may be missing something. If you would please resend the attachment again or at least tell me how to get to it.
Thanks
The AlienShoot! I'm sorry. I previewed my post before I submitted it, which gets rid of the attachment.
Here it is for sure this time.Disregard prev. msg.Thanks guy's for all of your help. I have done away with the tables in the code got it just about done the only thing left is to get it to look right when I resize it.
Again Thanks
<code>
<STYLE TYPE="text/css">
<!--
.ovrLayWIngs {
position: absolute;
left: 3.75in;
top: 30px;
}
-->
</STYLE>
the page is at
<!-- m --><a class="postlink" href="http://www.alienwebproduction.com/Anfy/Dragon.htmlI">http://www.alienwebproduction.com/Anfy/Dragon.htmlI</a><!-- m --> think that you designed this for 1 resolution only. Look at the image below to see why I have come to this conclusion:
<!-- m --><a class="postlink" href="http://www.geocities.com/caulolli/oops.png">http://www.geocities.com/caulolli/oops.png</a><!-- m -->
If I were you I would position absolutely, relative to the main picture.As a matter of fact I did 800x600.lavalamp you may like the new one better. Thanks for the reminder.Well it's still designed for 800x600 but you'll be happy to hear that I can't find any evidence of the original problem. I viewed it in NN 4.79, 6.22, 7.02, 7.11 and also in Moz 1.4 and Moz FB 0.6, if it makes any difference I'm using XP home, (you probably spotted I'm using XP from the screen shot).
To see the screenshot for NN 4.79 the address is below, surprise, surprise NN 4.79 is crap and doesn't support CSS.
<!-- m --><a class="postlink" href="http://www.geocities.com/caulolli/oops2.pngOriginally">http://www.geocities.com/caulolli/oops2.pngOriginally</a><!-- m --> posted by Alien Man
but it's underneath the main picture.You have apparently changed your code to position: relative. Now in NS 4, the wings are at the bottom of the page.
I can't seem to Download your applets to try to help you. I get an error that says "bad magic number".
It may be as simple as specifying the z-index on the DIV to get position: absolute to work right. Then you may have to mess around with margins. IE and NS do not line up the same unless you position: absolute everything.
BTW, depending on a table for layout is not a good idea.Gil, why are you a "die-hard NS 4.X user"? There are newer browsers out there that are much better (Mozilla for instance).Looking at your code I discovered that the DIV that contains your second applet for the animated wings is incorrectly nested within the main table.
<div class="ovrLayWings">
<applet CODE="RippleApplet.class" width="351" height="236">
<param NAME="image" VALUE="CutWings.jpg">
<param NAME="imageMask" VALUE="OvrCutWings.gif">
<param NAME="initImage" VALUE="true">
<param NAME="frames" VALUE="24">
<param NAME="nWaves" VALUE="3">
<param NAME="percent" VALUE="2">
<param NAME="offset" VALUE="4">
<param NAME="delay" VALUE="100">
<param NAME="direction" VALUE="up">
</applet>
</td>
</tr>
</table>
</div>
I've attached a file that validates as HTML 4.01 Loose, which is the doctype that you seemed to be aiming for. It involves more CSS than your original design, and I dumped the tables all together.
And the kicker is, I think it might work on NS 4.x. I couldn't get the applet to load on my local machine, but upload it to your server and see if it works. The applet seems to be positioned where you want it.toicontien,
Thank you for the time you have spent on my issue, however I am unable to find the attchment maybe I may be missing something. If you would please resend the attachment again or at least tell me how to get to it.
Thanks
The AlienShoot! I'm sorry. I previewed my post before I submitted it, which gets rid of the attachment.
Here it is for sure this time.Disregard prev. msg.Thanks guy's for all of your help. I have done away with the tables in the code got it just about done the only thing left is to get it to look right when I resize it.
Again Thanks