PDA

View Full Version : Trouble with code...

divinesword
04-02-2005, 08:32 PM
Okay. For some reason, my last DIV isn't working (the one below z-index:3). I have no idea what's wrong. I don't think it's an issue with my DIV codes, but it's just not coming out right...can anyone help me out?

<HTML>
<HEAD>

<TITLE>

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

v01 - AOI NAMIDA | IKASARETE :: A Seta Soujiro Shrine</TITLE>

<body background="http://soujirou.envy.nu/layout/01bg.gif">
<style type="text/css">
a:link,a:visited{color:#CCCCFF;font:7pt verdana;text-decoration:none}
a:active{color:black;font:7pt verdana;text-decoration:none}
</style>
<style type="text/css">
a:hover{color:black; text-decoration:overline}
</style>
<style type="text/css">
td,p,body{color:#006699;font:7pt verdana}
</style>
</head>


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

<!-- Begin Table -->
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="992" HEIGHT="632">

<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="330" HEIGHT="158">
<IMG NAME="v010" SRC="http://soujirou.envy.nu/layout/v01_1x1.gif" WIDTH="330"

HEIGHT="158" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="331" HEIGHT="158">
<IMG NAME="v011" SRC="http://soujirou.envy.nu/layout/v01_1x2.gif" WIDTH="331"

HEIGHT="158" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="331" HEIGHT="158">
<IMG NAME="v012" SRC="http://soujirou.envy.nu/layout/v01_1x3.gif" WIDTH="331"

HEIGHT="158" BORDER="0"></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="330" HEIGHT="158">
<IMG NAME="v013" SRC="http://soujirou.envy.nu/layout/v01_2x1.gif" WIDTH="330"

HEIGHT="158" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="331" HEIGHT="158">
<IMG NAME="v014" SRC="http://soujirou.envy.nu/layout/v01_2x2.gif" WIDTH="331"

HEIGHT="158" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="331" HEIGHT="158">
<IMG NAME="v015" SRC="http://soujirou.envy.nu/layout/v01_2x3.gif" WIDTH="331"

HEIGHT="158" BORDER="0"></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="330" HEIGHT="158">
<IMG NAME="v016" SRC="http://soujirou.envy.nu/layout/v01_3x1.gif" WIDTH="330"

HEIGHT="158" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="331" HEIGHT="158">
<IMG NAME="v017" SRC="http://soujirou.envy.nu/layout/v01_3x2.gif" WIDTH="331"

HEIGHT="158" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="331" HEIGHT="158">
<IMG NAME="v018" SRC="http://soujirou.envy.nu/layout/v01_3x3.gif" WIDTH="331"

HEIGHT="158" BORDER="0"></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="330" HEIGHT="158">
<IMG NAME="v019" SRC="http://soujirou.envy.nu/layout/v01_4x1.gif" WIDTH="330"

HEIGHT="158" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="331" HEIGHT="158">
<IMG NAME="v0110" SRC="http://soujirou.envy.nu/layout/v01_4x2.gif" WIDTH="331"

HEIGHT="158" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="331" HEIGHT="158">
<IMG NAME="v0111" SRC="http://soujirou.envy.nu/layout/v01_4x3.gif" WIDTH="331"

HEIGHT="158" BORDER="0"></TD>
</TR>

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


<div style="position:absolute; top: 464; left:174; width:198; height:500; z-index:2;"> <div

align="justify">

STUFF GOES HERE. Umm...this is the nagivational stuff. Yeah. A la la ... I shall keep typing... okay I'm

stopping to type now.

</div>

<div style="position:absolute; top:268; left:442; width:365; height:500; z-index:3;"> <div

align="justify">

STUFF GOES HERE. Umm...this is the not nagivational stuff. As in the content. Uhh... Soujiro is cute?

Yeah... still tping randomly... Yeah. A la la ... I shall keep typing... okay I'm stopping to type now. Okay,

stopping! <a href="http://yahoo.com">test link</a>. top:268; left:442

</div>

</body>
</HTML>
pb&j
04-02-2005, 08:36 PM
my last DIV isn't working ... it's just not coming out right
can you explain more on what it is supposed to do?
divinesword
04-02-2005, 08:39 PM
The it's supposed to be an independent layer. But for some reason, it's not. It's not aligning where I want it to, basically.
kittycat
04-02-2005, 09:00 PM
For both divs, combine the 2 div codes into 1

<div style="position:absolute; top: 464; left:174; width:198; height:500; z-index:2;" align="justify">