HTML for dummy (anchor "top" issues)

Forum Moderators: open

Message Too Old, No Replies

HTML for dummy (anchor "top" issues)

<a href="#top"> </a>

mangooes

9:21 am on Nov 18, 2007 (gmt 0)

Hi,

Can someone tell me why i am not able to configure #top (top anchor) together with an URL-link, that suppose to show in my iframe.

I tired;
1. <a href="#top" target="I1" href="URL-LINK">001</a> (#top works, but link doesn't, it shows my current page in the iframe)

2. <a target="I1" href="URL-LINK#top">001</a> (does not show any effect)

Incase you're wondering, i am using I.E 7.0, and for my coding Frontpage.

Thanks in advance for the support

Marshall

10:43 am on Nov 18, 2007 (gmt 0)

Hi mangooes. Welcome to WebmasterWorld.

Your second example should work: href="page.htm#top", but I do not understand the target=I1, never saw that before. I have seen _self, _top, _blank, and _parent. Have you tried removing the target? And FYI, you cannot have two href's in the same <a>,

Marshall

rocknbil

12:15 pm on Nov 18, 2007 (gmt 0)

His/Her iframe is probably named I1. :-)

The anchor should work:

<a href="yourpage.html#some-anchor" target="I1">Load in frame I1</a>

However, I suspect because it's named "top" you actually have it at the "top" and it won't show any real difference from

<a href="yourpage.html" target="I1">Load in frame I1</a>

Because, by default, it loads from the top down.

If you populate yourpage.html with a big dump of text, move <a name="some-anchor-not-at-top" id="some-anchor-not-at-top"></a> midway down the content. You will see when the page loads it auto-scrolls to the anchor.

<p> content content content content content content content content content content content content content </p>
<p> content content content content content content content content content content content content content </p>
<a name="some-anchor-not-at-top" id="some-anchor-not-at-top"></a>
<p> content content content content content content content content content content content content content </p>
<p> content content content content content content content content content content content content content </p>

mangooes

5:02 am on Nov 19, 2007 (gmt 0)

There's a link on the footer of this forum, call "Top of page". that's what i am trying to establish but having it work with an outside link of a other page view in the iFrame.

Hope i'm not comfusing anyone.

I listed the source codes below, maybe this will help understand me better. Sorry i removed the link.

<head>
<style type="text/css">

</style>
<HEAD>
<style>

</style>
<base target="I1">
</head>
<body bgcolor="#140406" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" style="text-align: center">
<div align="center">
<table width="995" border="0" id="table26" bgcolor="#000000">
<tr>
<td valign="top" height="212">
<TABLE cellSpacing=0 cellPadding=1 width="980" border=0 id="table27">
<TBODY>
<tr>
<td valign="top" height="212">
<TABLE cellSpacing=0 cellPadding=1 width="987" border=0 id="table28">
<TBODY>
<TR>
<TD align="left" vAlign=top bgColor=#800000 height="20">
<b><font face="Arial" color="#FFFFFF" size="2">Now Showing:</font></b></TD>
</TR>
</TBODY></TABLE>
<p align="center">
<iframe name="I1" width="910" height="519" src="../movienavi.htm" scrolling="no" border="0" frameborder="0" style="border: 2px solid #C0C0C0; ">
Your browser does not support inline frames or is currently configured not to display inline frames.</iframe><br>
 </td>
</tr>
</TBODY></TABLE>
</td>
</tr>
<tr>
<vAlign=top bgColor=#800000>
<table width="995" border="0" id="table30" bgcolor="#000000" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" height="20" bgColor=#800000>
<b><font face="Verdana"><font color="#FFFFFF">Episodes</font>
<font color="#FFFFFF">:        </font></font>
<font color="#FFFFFF" face="Verdana"> About:</font></b></td>
<tr>
<td valign="top">
<table border="0" width="101%" id="table31">
<tr>
<td width="1%" valign="top" height="50"> </td>
<td width="56%" valign="top" height="591">
 <table border="0" width="97%" id="table32" bgcolor="#800000" height="355">
<tr>
<td width="25" bgColor=#131313><b><u>
<font color="#FFFFFF" size="2" face="Arial">
<a target="I1" href="URL-LINK">001</a><br>
<a target="I1" href="URL-LINK">002</a><br>
003<br>
.
.
.
031</font></u></b></td>
<td>
<font face="Arial" color="#FFFFFF" size="2">
<a href="URL-LINK" style="text-decoration: none">Uzumaki Naruto Arrives!
</a>
<br>
<a target="I1" style="text-decoration: none" href="URL-LINK">Link Text</a><br>
Lots of content<br>
Lots of content<br>
Lots of content</font></td>
</tr>
</table>
<p> </p>
</td>
<td width="40%" valign="top" height="591" bgColor=#000000>
 </td>
<td width="2%" valign="top" height="591" bgcolor="#000000">
 </td>
</tr>
</table>
</td>
</tr>
</table></div>
</html>

[edited by: tedster at 8:12 pm (utc) on Nov. 20, 2007]
[edit reason] shorten code [/edit]

tedster

5:59 am on Nov 19, 2007 (gmt 0)

It might help if we get some precise vocabulary going. There's a parent page. It contains an iframe. An iframe holds a different page, even though it shows up in the same browser window.

Do you want a top link in the iframe to cause the parent page to go back the top?
--or--
Do you want a top link in the parent page to cause the same iframed page to go back the top?
--or--
Do you want a link from a third page to go to the parent page, with both the parent and the iframed page at the top?
--or--
Do you need a different page to load in the iframe at the top, even though the parent page remains the same? If so, where is that link?

mangooes

7:29 pm on Nov 20, 2007 (gmt 0)

lol a bit offended, but that's okay, i'm only 13 =). Anyway i'll post up a link tonight. Thanks for all the replies, you guys rock! ;)

Marshall

11:12 pm on Nov 20, 2007 (gmt 0)

mangooes. Just an FYI - you can't post links in the forums. you can ask someone to look at a page then StickyMail them the link, but that is about the extent of it.

Marshall

rocknbil

9:19 pm on Nov 21, 2007 (gmt 0)

I'm sure tedster is equally offended you didn't answer his questions (NOT,) he was trying to clarify the description of your problem so we could HELP YOU. :-)