PDA

View Full Version : z-index not working

divinesword
03-06-2005, 02:06 AM
<title>SST Network</title>
<BODY BACKGROUND="secondbackground.gif">

<SCRIPT LANGUAGE="JavaScript">
<!-- Idea by: Nic Wolfe (Nic@TimelapseProductions.com) -->
<!-- Web URL: http://fineline.xs.mw -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,men ubar=0,resizable=0,width=300,height=400,left = 390,top = 262');");
}
// End -->

</script>


<style type="text/css">
a:link,a:visited{color:COLOR;font:8pt FONT}
a:active{color:COLOR;font:8pt FONT; text-decoration:underline}
a:hover:{color:COLOR; text-decoration:none; cursor:crosshair}
</style>

<style type="text/css">
td,p,body{color:CC0099;font:9pt FONT}
</style>

<style type="text/css">
body{cursor:crosshair}
</style>


<div style="position:absolute; top:0; right:0; z-index:1;">
<HTML>
<HEAD>
<META NAME="Author" CONTENT="Elizabeth">
<META NAME="Generator" CONTENT="Jasc Paint Shop Pro 7">
<TITLE> </TITLE>
</HEAD>
<BODY>

<!-- Begin Table -->
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="800"
HEIGHT="600">

<TR>
<TD ROWSPAN="7" COLSPAN="1" WIDTH="300" HEIGHT="600">
<IMG NAME="yue0" SRC="http://www.geocities.com/bluebear_1989/yue_1x1.gif" WIDTH="300" HEIGHT="600"
BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="9" HEIGHT="11">
<A HREF="AOSHI URL"><IMG NAME="yue1" SRC="http://www.geocities.com/bluebear_1989/yue_1x2.gif" WIDTH="9"
HEIGHT="11" BORDER="0" ALT="{ Shinomori Aoshi }"></A></TD>
<TD ROWSPAN="7" COLSPAN="1" WIDTH="491" HEIGHT="600">
<IMG NAME="yue2" SRC="http://www.geocities.com/bluebear_1989/yue_1x3.gif" WIDTH="491" HEIGHT="600"
BORDER="0"></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="9" HEIGHT="13">
<A HREF="MISAO URL"><IMG NAME="yue3" SRC="http://www.geocities.com/bluebear_1989/yue_2x1.gif" WIDTH="9"
HEIGHT="13" BORDER="0" ALT="{ Makimachi Misao }"></A></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="9" HEIGHT="13">
<A HREF="FANFICTION URL"><IMG NAME="yue4" SRC="http://www.geocities.com/bluebear_1989/yue_3x1.gif" WIDTH="9"
HEIGHT="13" BORDER="0" ALT="{ Fanfiction }"></A></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="9" HEIGHT="13">
<A HREF="GALLERY URL"><IMG NAME="yue5" SRC="http://www.geocities.com/bluebear_1989/yue_4x1.gif" WIDTH="9"
HEIGHT="13" BORDER="0" ALT="{ Gallery }"></A></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="9" HEIGHT="15">
<A HREF="MISCELLANEOUS URL"><IMG NAME="yue6" SRC="http://www.geocities.com/bluebear_1989/yue_5x1.gif"
WIDTH="9" HEIGHT="15" BORDER="0" ALT="{ Miscellaneous }"></A></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="9" HEIGHT="12">
<A HREF="MAIN INDEX URL"><IMG NAME="yue7" SRC="http://www.geocities.com/bluebear_1989/yue_6x1.gif" WIDTH="9"
HEIGHT="12" BORDER="0" ALT="{ Clear }"></A></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="9" HEIGHT="523">
<IMG NAME="yue8" SRC="http://www.geocities.com/bluebear_1989/yue_7x1.gif" WIDTH="9" HEIGHT="523"
BORDER="0"></TD>
</TR>

</TABLE>
<!-- End Table -->



</div>

<div id=layer1 style="position:absolute; top:360; left:0; width:160; height:300; z-index:2;">
<div align="justify">

<p>Welcome to Becky-chan's Sakura in the Springtime Network. The layout was created by Hikage, whose also my beta; featuring Magic Knights Rayearth; Lantis, Hikaru and Eagle. This site was once the home of an Aoshi and Misao shrine when it first started, but it's now moved elsewhere. This will now be used to display all the sites I have created. I may also decide to include a little bit of random fanfics that don't have any place to stay.</p>

</div>



Here's the url: http://www.geocities.com/bluebear_1989/indexx.html. The z-index isn't working properly. It's not letting me overlay the text where it's supposed to be.
pb&j
03-06-2005, 02:49 AM
the first thing you will need to do is clean up your coding... if it still does not work, post back with a link to this revised coding page in action...

<HTML>
<HEAD>

<title>SST Network</title>

<SCRIPT LANGUAGE="JavaScript">
<!-- Idea by: Nic Wolfe (Nic@TimelapseProductions.com) -->
<!-- Web URL: http://fineline.xs.mw -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,men ubar=0,resizable=0,width=300,height=400,left = 390,top = 262');");
}
// End -->
</script>

<style type="text/css">
a:link,a:visited{font-size:8pt;}
a:active{font-size:8pt; text-decoration:underline;}
a:hover:{text-decoration:none; cursor:crosshair;}
td,p,body{color:CC0099;font-size:9pt;}
body{cursor:crosshair;}
</style>

</head>

<BODY BACKGROUND="secondbackground.gif">

<div style="position:absolute; top:0px; right:0px; z-index:1;">

<!-- Begin Table -->
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="800"
HEIGHT="600">

<TR>
<TD ROWSPAN="7" WIDTH="300" HEIGHT="600">
<IMG NAME="yue0" SRC="http://www.geocities.com/bluebear_1989/yue_1x1.gif" WIDTH="300" HEIGHT="600"
BORDER="0"></TD>
<TD WIDTH="9" HEIGHT="11">
<A HREF="AOSHI URL"><IMG NAME="yue1" SRC="http://www.geocities.com/bluebear_1989/yue_1x2.gif" WIDTH="9"
HEIGHT="11" BORDER="0" ALT="{ Shinomori Aoshi }"></A></TD>
<TD ROWSPAN="7" WIDTH="491" HEIGHT="600">
<IMG NAME="yue2" SRC="http://www.geocities.com/bluebear_1989/yue_1x3.gif" WIDTH="491" HEIGHT="600" BORDER="0"></TD>
</TR>

<TR>
<TD WIDTH="9" HEIGHT="13">
<A HREF="MISAO URL"><IMG NAME="yue3" SRC="http://www.geocities.com/bluebear_1989/yue_2x1.gif" WIDTH="9"
HEIGHT="13" BORDER="0" ALT="{ Makimachi Misao }"></A></TD>
</TR>

<TR>
<TD WIDTH="9" HEIGHT="13">
<A HREF="FANFICTION URL"><IMG NAME="yue4" SRC="http://www.geocities.com/bluebear_1989/yue_3x1.gif" WIDTH="9"
HEIGHT="13" BORDER="0" ALT="{ Fanfiction }"></A></TD>
</TR>

<TR>
<TD WIDTH="9" HEIGHT="13">
<A HREF="GALLERY URL"><IMG NAME="yue5" SRC="http://www.geocities.com/bluebear_1989/yue_4x1.gif" WIDTH="9"
HEIGHT="13" BORDER="0" ALT="{ Gallery }"></A></TD>
</TR>

<TR>
<TD WIDTH="9" HEIGHT="15">
<A HREF="MISCELLANEOUS URL"><IMG NAME="yue6" SRC="http://www.geocities.com/bluebear_1989/yue_5x1.gif"
WIDTH="9" HEIGHT="15" BORDER="0" ALT="{ Miscellaneous }"></A></TD>
</TR>

<TR>
<TD WIDTH="9" HEIGHT="12">
<A HREF="MAIN INDEX URL"><IMG NAME="yue7" SRC="http://www.geocities.com/bluebear_1989/yue_6x1.gif" WIDTH="9"
HEIGHT="12" BORDER="0" ALT="{ Clear }"></A></TD>
</TR>

<TR>
<TD WIDTH="9" HEIGHT="523">
<IMG NAME="yue8" SRC="http://www.geocities.com/bluebear_1989/yue_7x1.gif" WIDTH="9" HEIGHT="523"
BORDER="0"></TD>
</TR>

</TABLE>
<!-- End Table -->

</div>

<div style="position:absolute; top:360px; left:0px; width:160px; height:300px; z-index:2; text-align:justify;">
Welcome to Becky-chan's Sakura in the Springtime Network. The layout was created by Hikage, whose also my beta; featuring Magic Knights Rayearth; Lantis, Hikaru and Eagle. This site was once the home of an Aoshi and Misao shrine when it first started, but it's now moved elsewhere. This will now be used to display all the sites I have created. I may also decide to include a little bit of random fanfics that don't have any place to stay.
</div>

</body>
</html>