View Full Version : ahhh!!! several problems


claylover
01-11-2005, 12:28 AM
ok, i need some major help here please... i have my image map code, my css code, and my i frames code, but im having trouble combining them all. i have my image map code which is the main part and the iframes are supposed to go on top that and they are transparent (i got them transparent) but i can't seem to get them on top. herez my image map code, can u tell me if i am targeting them right?

<HTML>
<HEAD>
<META NAME="Author" CONTENT="">
<META NAME="Generator" CONTENT="Jasc Paint Shop Pro 8">
<TITLE> </TITLE>
<LINK href="lia.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>

<IMG NAME="kellyclarksonlayout0"

SRC="http://img.photobucket.com/albums/v145/claylover_lia/kellyclarksonlayout.jpg" WIDTH="995"

HEIGHT="1500" BORDER="0" USEMAP="#kellyclarksonlayout">

<MAP NAME="kellyclarksonlayout">
<AREA SHAPE="rect" COORDS="482,474,521,485" HREF="rules.html" target="right">
<AREA SHAPE="rect" COORDS="526,473,599,488" HREF="challenge.html" target="right">
<AREA SHAPE="rect" COORDS="602,472,647,489" HREF="submit.html" target="right">
<AREA SHAPE="rect" COORDS="648,471,699,488" HREF="entries.html" target="right">
<AREA SHAPE="rect" COORDS="702,474,752,488" HREF="winners.html" target="right">
<AREA SHAPE="rect" COORDS="753,474,801,488" HREF="extras.html" target="right">
<AREA SHAPE="rect" COORDS="803,472,867,489" HREF="affiliates.html" target="right">
<AREA SHAPE="rect" COORDS="871,473,906,487" HREF="home.html" target="right">
</MAP>

</BODY>
</HTML>


and now herez my iframes code

<IFRAME name="inlineframe" src="left1.html" width=329 height=1500 marginwidth=0

marginheight=510 frameborder=0 style="border: 0 solid #000000 position:absolute; left:85px;

top:592px;"
scrolling=no hspace=30 allowtransparency="true" ></IFRAME>

<IFRAME name="right" src="homems1.html" width=462 height=1500 marginwidth=10 marginheight=510

frameborder=0 style="border: 0 solid #000000"
scrolling=no allowtransparency="true" ></IFRAME>


can anyone help? thanx!

kittycat
01-11-2005, 02:59 AM
You forgot a ; in the style=".." of one iframe, if you include them in your code like this and add positioning to the second iframe it should work

<HTML>
<HEAD>
<META NAME="Author" CONTENT="">
<META NAME="Generator" CONTENT="Jasc Paint Shop Pro 8">
<TITLE> </TITLE>
<LINK href="lia.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>

<IMG NAME="kellyclarksonlayout0" SRC="http://img.photobucket.com/albums/v145/claylover_lia/kellyclarksonlayout.jpg" WIDTH="995" HEIGHT="1500" BORDER="0" USEMAP="#kellyclarksonlayout">

<MAP NAME="kellyclarksonlayout">
<AREA SHAPE="rect" COORDS="482,474,521,485" HREF="rules.html" target="right">
<AREA SHAPE="rect" COORDS="526,473,599,488" HREF="challenge.html" target="right">
<AREA SHAPE="rect" COORDS="602,472,647,489" HREF="submit.html" target="right">
<AREA SHAPE="rect" COORDS="648,471,699,488" HREF="entries.html" target="right">
<AREA SHAPE="rect" COORDS="702,474,752,488" HREF="winners.html" target="right">
<AREA SHAPE="rect" COORDS="753,474,801,488" HREF="extras.html" target="right">
<AREA SHAPE="rect" COORDS="803,472,867,489" HREF="affiliates.html" target="right">
<AREA SHAPE="rect" COORDS="871,473,906,487" HREF="home.html" target="right">
</MAP>

<IFRAME name="inlineframe" src="left1.html" width=329 height=1500 marginwidth=0 marginheight=510 frameborder=0 style="border: 0 solid #000000; position:absolute; left:85px; top:592px;" scrolling=no hspace=30 allowtransparency="true"></IFRAME>

<IFRAME name="right" src="homems1.html" width=462 height=1500 marginwidth=10 marginheight=510 frameborder=0 style="border: 0 solid #000000; position:absolute; left:85px; top:592px;" scrolling=no allowtransparency="true" ></IFRAME>

</BODY>
</HTML>

claylover
01-11-2005, 03:56 AM
You forgot a ; in the style=".." of one iframe, if you include them in your code like this and add positioning to the second iframe it should work

<HTML>
<HEAD>
<META NAME="Author" CONTENT="">
<META NAME="Generator" CONTENT="Jasc Paint Shop Pro 8">
<TITLE> </TITLE>
<LINK href="lia.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>

<IMG NAME="kellyclarksonlayout0" SRC="http://img.photobucket.com/albums/v145/claylover_lia/kellyclarksonlayout.jpg" WIDTH="995" HEIGHT="1500" BORDER="0" USEMAP="#kellyclarksonlayout">

<MAP NAME="kellyclarksonlayout">
<AREA SHAPE="rect" COORDS="482,474,521,485" HREF="rules.html" target="right">
<AREA SHAPE="rect" COORDS="526,473,599,488" HREF="challenge.html" target="right">
<AREA SHAPE="rect" COORDS="602,472,647,489" HREF="submit.html" target="right">
<AREA SHAPE="rect" COORDS="648,471,699,488" HREF="entries.html" target="right">
<AREA SHAPE="rect" COORDS="702,474,752,488" HREF="winners.html" target="right">
<AREA SHAPE="rect" COORDS="753,474,801,488" HREF="extras.html" target="right">
<AREA SHAPE="rect" COORDS="803,472,867,489" HREF="affiliates.html" target="right">
<AREA SHAPE="rect" COORDS="871,473,906,487" HREF="home.html" target="right">
</MAP>

<IFRAME name="inlineframe" src="left1.html" width=329 height=1500 marginwidth=0 marginheight=510 frameborder=0 style="border: 0 solid #000000; position:absolute; left:85px; top:592px;" scrolling=no hspace=30 allowtransparency="true"></IFRAME>

<IFRAME name="right" src="homems1.html" width=462 height=1500 marginwidth=10 marginheight=510 frameborder=0 style="border: 0 solid #000000; position:absolute; left:85px; top:592px;" scrolling=no allowtransparency="true" ></IFRAME>

</BODY>
</HTML>


OMG! thank you so much! yur the best!