The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> iframe issues, i have no idea what's going wrong
pigmitten
post Sep 8 2010, 12:58 PM
Post #1





Group: Members
Posts: 2
Joined: 8-September 10
Member No.: 12,687
i don't know WHAT is going on. I designed a pretty primitive web portfolio for myself just using tables & iframes. that's about it. i made the mistake of using weebly to design it (WORST IDEA EVER), but anyway, it was functioning fine until i decided to move the position of the iframe.
LITERALLY all i changed was where the iframe was located on the page, and for some reason now, the links on any of the pages that open in the iframe DO NOT WORK. i don't get it. if i open up the pages separately, everything is functioning fine and the links work. it is only when they open in the iframe that they appear inactive. what the hell. this is a problem because i am applying for internships/etc and it really won't look good if my stuff doesn't work.

here's the website link:
http://nseshadri.com

and here's the html. this is really all i am capable of doing html-wise. what is going onnnn.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>%%TITLE%%</title>
</head>
<body>
<body bgcolor="#FFFFFF">
<DIV WIDTH="900" HEIGHT="300" BORDER="0" CELLPADDING="50" CELLSPACING="100" VALIGN="top" ALIGN="left" STYLE="position:absolute;left:0px; top:0px">
<TR><td> <img src="http://www.weebly.com/uploads/5/1/7/1/5171564/custom_themes/418158418376739216/files/nseshbanner.png?23868"> </td></TR></div>

<DIV WIDTH="640" HEIGHT="480" BORDER="0" BORDERCOLOR="blue" CELLPADDING="50" CELLSPACING="100" VALIGN="top" ALIGN="left" STYLE="position:absolute;left:450px; top:390px">
<tr><td><IFRAME SRC="http://frameblank.weebly.com" name="newframe" frameborder="0" width="400" height="300" scrolling="no"> </iframe>
</td></tr></div>

<DIV WIDTH="300" HEIGHT="300" BORDER="0" BORDERCOLOR="blue" CELLPADDING="50" CELLSPACING="100" VALIGN="top" ALIGN="left" STYLE="position:absolute;left:220px; top:240px">
<TR><td>
2010: <br><br> <a href="http://pulseapple.weebly.com" target="newframe"> <img src="http://www.weebly.com/uploads/5/1/7/1/5171564/custom_themes/418158418376739216/files/pulsecreds.png?17620"> </a>
<a href="http://sbaldmedia.weebly.com" target="newframe"> <img src="http://www.weebly.com/uploads/5/1/7/1/5171564/custom_themes/418158418376739216/files/lusca.png?93663"> </a>
<a href="http://slightlybald.weebly.com" target="newframe"> <img src="http://www.weebly.com/uploads/5/1/7/1/5171564/custom_themes/418158418376739216/files/lipsync.png?57953"></a>
<a href="http://metabounce.weebly.com" target="newframe"><img src="http://www.weebly.com/uploads/5/1/7/1/5171564/custom_themes/418158418376739216/files/metamorphosis.png?95792"></a>
<a href="http://bouncemeta.weebly.com" target="newframe"><img src="http://www.weebly.com/uploads/5/1/7/1/5171564/custom_themes/418158418376739216/files/bounce.png?84735"> </a>
<a href="http://applepulse.weebly.com" target="newframe"> <img src="http://www.weebly.com/uploads/5/1/7/1/5171564/custom_themes/418158418376739216/files/apple.png?55472"> </a>



<br><br><br><br>
<a href="http://nseshmain.weebly.com" target="newframe">about</a>
<br><br><br>
contact: <br><br> <a href="mailto:nanditaseshadri2007@u.northwestern.edu">email</a> //<br> 1903 sherman ave apt A<br> evanston IL 60201

<br><br><br>



<br><br><br><br><br><br>
all content and graphics <br>© nandita seshadri <br><br><br>
<div style='padding: 0px; width:100%; text-align:left;'>%%WEEBLYFOOTER%%</div>

</td></tr>
</div>

<div style='display:none;'>%%TITLE%%</div>
<div style='display:none;'>%%MENU%%</div>
<div style='display:none;'>%%CONTENT%%</div>
</body>
</html>




also, here's the css, in case something is weird there:



ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
margin:0;
padding:0;
}
ul{
list-style:none;
}
fieldset{
border:0;
}
a img{
border:0;
}
clear{
clear:both;
}
body {
background-color:#ffffff;
font-family:"Georgia", arial, sans-serif;
font-size:12px;
color:#666666;
margin:0;
padding:0;
}
a{
color: #cc33ff;
text-decoration: none;
}
p {
line-height: 180%;
color: #626262;
font-size: 13px;
padding: 6px 0px 6px 0px;
}
h1 {
font-size:30px;
font-weight:bold;
color:#272e34;
line-height:1.5;
padding: 5px 0px 5px 0px;
}
h2 {
font-family:"Georgia", arial, sans-serif;
font-size:24px;
font-weight: normal;
color:#474747;
line-height:1.5;
padding: 5px 0px;
}
#wrapper {
width:960px;
margin:0pt auto;
}

#header{
width: 960px;
font-size: 48px;
color: #474747;
padding: 30px 0px;
}


#navigation{
width: 960px;
height: 40px;
border-top: 1px dotted #474747;
border-bottom: 1px dotted #474747;
}

#navigation ul{
width: 960px;
height: 40px;
}

#navigation li{
float: left;
height: 28px;
padding: 12px 47px 0px 47px;
}


#navigation li a{
display: inline-block;
color: #474747;
font-size: 12px;
text-decoration: none;
}

#navigation li a:hover{
color: #bc4515;
text-decoration: none;
}

#navigation li#active a{
color: #bc4515;
}

#weebly-menus .weebly-menu-wrap { z-index: 5000; }
#weebly-menus .weebly-menu { padding: 0; margin: 0; list-style: none; }
#weebly-menus .weebly-menu li { float: left; clear: left; width: 173px; text-align: left; }
#weebly-menus .weebly-menu li a { position: relative; display: block; width: 100%; background: #f1f1ef; border-top: 1px dotted #474747; border-bottom: none; border-right: none; border-left: none; text-decoration: none; font-size: 12px; font-weight: normal; line-height:1; padding: 5px 6px 5px 6px; color: #333333; }
#weebly-menus .weebly-menu li a:hover { background: #f1f1ef; color: #bc4515; }

#content{
width: 960px;
height:auto !important;
min-height:400px;
padding: 25px 0px 35px 0px;
}

#content a{
color: #bc4515;
text-decoration: none;
}

#footer{
width: 960px;
color: #626262;
font-size: 12px;
padding: 18px 0px 18px 0px;
border-top: 1px dotted #474747;
}

This post has been edited by pigmitten: Sep 8 2010, 01:04 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pigmitten
post Sep 8 2010, 01:17 PM
Post #2





Group: Members
Posts: 2
Joined: 8-September 10
Member No.: 12,687
okay, I moved it back to the way it was before, and now the links in the iframe are working again. why does the iframe positioning affect whether links in targeted pages work? out of curiosity?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Sep 8 2010, 02:13 PM
Post #3


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
My guess is that you moved the iframe under some other element, and the element on top caught the mouse events, rather than the document in the iframe. But without the URL of an example that demonstrates the problem, it's hard to say.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Markup (HTML, XHTML, XML) · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 18th April 2024 - 01:40 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC