PDA

View Full Version : Problem!!!

lovely_sugar102
01-11-2003, 09:57 PM
Here's my code:

<style type="text/css">
<!--BODY {
color:#9C009E;
font-size:20pt;
font-family: enviro;
}

A:link{COLOR:magenta; TEXT-DECORATION: none;}
A:visited{COLOR:magenta; TEXT-DECORATION: none;}
A:active{COLOR:white; TEXT-DECORATION: none; cursor: e-resize;}
A:hover{COLOR:white; TEXT-DECORATION: none; cursor: e-resize;}
-->
</style>

<!--
#image { position:absolute; visibility:visible; left:0; top:0; width:0; align:right }
#frame { position:absolute; visibility:visible; left:69; top:135; width:300; align:center}
-->
</style>

<IMG SRC="cliquebackground.jpg" BORDER=0 style="position:absolute; left:0; top:0;">
<div id=frame>
<iframe FRAMEBORDER="0" BORDER=0 width=294
height=322 src="http://www.angelfire.com/ct3/crushed_strawberries/home.html" name="frame" scrolling=yes allowtransparency="true">
</iframe>

<div style="position: absolute; top:140; left:380">
<font color="magenta"><a href="http://www.angelfire.com/ct3/crushed_strawberries/about.html" target="frame">*About</a>
</div>
<div style="position: absolute; top:170; left:380">
<font color="magenta"><a href="http://www.angelfire.com/ct3/crushed_strawberries/rules.html" target="frame">*Rules</a>
</div>
<div style="position: absolute; top:200; left:380">
<font color="magenta"><a href="http://www.angelfire.com/ct3/crushed_strawberries/members.html" target="frame">*Members</a>
</div>
<div style="position: absolute; top:230; left:380">
<font color="magenta"><a href="http://www.angelfire.com/ct3/crushed_strawberries/me.html" target="frame">*Me</a>
</div>
<div style="position: absolute; top:260; left:380">
<font color="magenta"><a href="http://www.strawberrycream.tk" target="new">*My Site</a>
</div>

The IFRame will not show up! I'm thinking its probably behind the image. Help me! THANKS :)
starlet
01-12-2003, 12:19 AM
you need to use z-index, also you dont need a new div for every link....try this instead

<html>
<head><title>title</title><style type="text/css">
<!--BODY {
color:#ffffff;
font-size:20pt;
font-family: enviro;
}

A:link{COLOR:magenta; TEXT-DECORATION: none;}
A:visited{COLOR:magenta; TEXT-DECORATION: none;}
A:active{COLOR:white; TEXT-DECORATION: none; cursor: e-resize;}
A:hover{COLOR:white; TEXT-DECORATION: none; cursor: e-resize;}
-->
</style>


</head><body>
<IMG SRC="cliquebackground.jpg" BORDER=0 style="position:absolute; left:0;
top:0;">
<div id=frame style="position:absolute; visibility:visible; left:69; top:135; width:300; z-index: 2; align:center">
<iframe FRAMEBORDER="0" BORDER=0 width=294
height=322 src="home.html" name="frame" scrolling=yes allowtransparency="true">
</iframe>
</div>
<div style="position: absolute; top:140; left:380; z-index:2;">
<font color="magenta"><a
href="http://www.angelfire.com/ct3/crushed_strawberries/about.html" target="frame">*About</a><br />
<a href="http://www.angelfire.com/ct3/crushed_strawberries/rules.html" target="frame">*Rules</a><br />
<a href="http://www.angelfire.com/ct3/crushed_strawberries/members.html" target="frame">*Members</a><br />
<a href="http://www.angelfire.com/ct3/crushed_strawberries/me.html" target="frame">*Me</a><br />
<a href="http://www.strawberrycream.tk" target="new">*My Site</a><br />
</div>
</body></html>