PDA

View Full Version : wut am i doing wrong w/ these div layers?!

electric_p!nk
06-19-2004, 10:52 PM
okay. here's the sitch.

-my first div layer is my graphic.

-my second layer is my iFRAME.

-my third layer is my navigation (my navi is text, not a graphic)

i've tried to write out the script so that my iFRAME is placed on top of my graphic in the bottom white box i made. i want my navigation to go on top of my iFRAME.

all i can get is my graphic. wut am i doing wrong? if you've got the time to check out my site, http://www.geocities.com/elec_pnk (http://) and see if you can figure out where i messed everything up, i'd love ya forever!

thanks soo much you guys. you have no idea how confused i am right now! LOL.

<3 ya!

Autumn
westernrider
06-19-2004, 10:54 PM
the site link does not work :P

if you post the code you have that would help a lot... that way I do not have to go to your sorce code to find it ;)
electric_p!nk
06-19-2004, 10:59 PM
sorry. i didn't even think of that! opps. here it is...

i have no idea where i might have gone wrong so here's EVERYTHING...


<html>
<head>
<title>ELECTRIC P!INK DESIGNS  ­   ­   ­   ­ v. 1 // KEIRA</title>
<meta name="Keywords" CONTENT="4utmn, autumn">
<meta name="Description" CONTENT="designs for the bold, the brilliant, and the beautiful...">
<meta name="Author" CONTENT="elec_pnk@yahoo.com">
<base target="iFRAME">

<style type="text/css">

A:link
{ text-decoration: none; color:#DD9EB7; }
A:visited
{ text-decoration: none; color:#DD9EB7; }
A:active
{ text-decoration: none; color:#DD9EB7; }
A:hover
{ text-decoration: underline; color:#F7D7E2;

background-color: #F3C4CE;

cursor: help;

h1 {font-family: verdana;
color: #DD9EB7;

p {font-family: verdana;
color: #DD9EB7;}

body
{ background: #F3C4CE;

font-family: verdana;
color: #DD9EB7 ;
letter-spacing: 1pt;
font-weight: lighter;
font-size: 8 pt;

scrollbar-face-color : #DD9EB7;
scrollbar-highlight-color : #F7D7E2;
scrollbar-3dlight-color : #DD9EB7;
scrollbar-shadow-color : #DD9EB7;
scrollbar-darkshadow-color : #F7D7E2;
scrollbar-track-color : #F3C4CE;
scrollbar-arrow-color : #F7D7E2;

margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}

td
{ font-family: verdana;
color: #DD9EB7;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
padding: 0;
padding: 0;}

input, textarea
{ background: #F3C4CE;
font-family: verdana;
color: #DD9EB7;
border-style: dashed;
border-color: #DD9EB7;
border-width: 1px;}

</style>


</head>

<body>

<div id=layer1 style="position:absolute; top:0; left:0; width:653; height:783; z-index:1; padding:0px; border: #DD9EB7 0px solid; background-color:#F3C4CE; background-image:url(http://www.geocities.com/elec_pnk/ep_layout/main1.png);"></div>
<div id=layer2 style="position:absolute; top:421; left:28; width:595; height:356; z-index:2; padding:0px; border: #DD9EB7 0px solid; background-color:#F3C4CE;>

<IFRAME name="iFRAME" src="http://www.geocities.com/elec_pnk/home.html" width=595 height=356 marginwidth=40 marginheight=40 frameborder=0 scrolling=auto></IFRAME>

</div>

<div id=layer3 style="position:absolute; top:429; left:28; width:595; height:29; z-index:3; padding:0px; border: #DD9EB7 0px solid; background-color:#F3C4CE;>

<p>main#160; ­shope#160; ­links#160; ­site</p>

</div>

</body>
</html>
Alcy
06-20-2004, 01:50 AM
You've forgotten the ending quotation marks in your second and third divs.

<div id=layer2 style="position:absolute; top:421; left:28; width:595; height:356; z-index:2; padding:0px; border: #DD9EB7 0px solid; background-color:#F3C4CE;">

<div id=layer3 style="position:absolute; top:429; left:28; width:595; height:29; z-index:3; padding:0px; border: #DD9EB7 0px solid; background-color:#F3C4CE;">
electric_p!nk
06-20-2004, 08:11 AM
OMG. detail analysis---> deff. not one of my strong points! LOL, well sadly not really... :crying: i really would not of ever figured it out w/o you! thank you sooooo much! you're great!

luv ya

autumn