?
Solved

Inline Frame -> # links ?

Posted on 2005-05-11
11
Medium Priority
?
329 Views
Last Modified: 2013-12-24
I have an inline frame on my Frontpage site, and I want to create an faq similar to: http://www.faqs.org/contrib/linux/Linux-FAQ/compatibility.html
With in my Inline frame...

My question is how do they do the "#" links as seen on that faq page?
What is the correct terminology of that "#" link?
and Finally...
How can I create these "#" links with in my inline frame?

p.s. The reason I am using an Inline frame is because I Like how you can set a size and for additional text it will create the scroll bar to the right of the text box, automatically.

Thanks in advance,
BassKozz
0
Comment
Question by:basskozz
  • 6
  • 5
11 Comments
 
LVL 31

Expert Comment

by:seanpowell
ID: 13981355
You don't actually need an inline frame, however...

The basic syntax is this:

<a href="#answer1">Question 1</a>

<a name="answer1">Answer 1</a>

In FP...

Highlight the answer text and go to insert bookmark.

Then highlight the question text, go to insert hyperlink and then select the name of the bookmark you just created in the drop down box.

Let me know if you need more,
Sean
0
 

Author Comment

by:basskozz
ID: 13983339
seanpowell,

You mentioned I don't need an inline frame.  What should I use then?  I want to keep all the text in one box with a vertical scroll bar, can I use something else to accomplish this?

Thanks for your answer on the bookmarks BTW,
BassKozz
0
 
LVL 31

Accepted Solution

by:
seanpowell earned 2000 total points
ID: 13985301
I would use a div with the overflow set to auto. Here's an example I've mocked up for you:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">

#frame
{
      width:300px;
      height:300px;
      overflow:auto;
      font:normal 11px/17px verdana, sans-serif;
      color:#333333;
      background-color:#eeeeee;
      border:1px solid #333333;
}

#frame p
{
      padding:5px;
}

#frame p a
{
      color:#990000;
}

</style>

</head>
<body>

<div id="frame">

      <p><a href="#answer1">Question 1</a></p>
      <p><a href="#answer2">Question 2</a></p>
      <p><a href="#answer3">Question 3</a></p>
      <p><a href="#answer4">Question 4</a></p>
      <p><a href="#answer5">Question 5</a></p>
      <p><a href="#answer6">Question 6</a></p>

      <p><a name="answer1"><b>Answer 1</b></a><br>This is the answer to the first question</p>
      <p><a name="answer2"><b>Answer 2</b></a><br>This is the answer to the second question</p>
      <p><a name="answer3"><b>Answer 3</b></a><br>This is the answer to the third question</p>
      <p><a name="answer4"><b>Answer 4</b></a><br>This is the answer to the fourth question</p>
      <p><a name="answer5"><b>Answer 5</b></a><br>This is the answer to the fifth question</p>
      <p><a name="answer6"><b>Answer 6</b></a><br>This is the answer to the sixth question</p>

</div>
</body>
</html>


Thanks,
Sean
0
Efficient way to get backups off site to Azure

This user guide provides instructions on how to deploy and configure both a StoneFly Scale Out NAS Enterprise Cloud Drive virtual machine and Veeam Cloud Connect in the Microsoft Azure Cloud.

 

Author Comment

by:basskozz
ID: 13986375
SeanPowell,

What are the advantages of using this (" div with the overflow set to auto") vs. "inline frame" ?
What are the pro's and con's for both ?

Thanks,
BassKozz
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 13986588
They're just used for different purposes - An FAQ isn't really suited to the iframe.

An iframe can refresh content (say from a database) without the entire page reloading, so if you're running data from a stock quote app it makes sense.

The cons:
1. divs have slightly better browser support.
2. Search engines will index the iframe content as if it were its own page, which does two things. a) the link at google to your faq content will not show up in the page you had the iframe in and b) the page rank for the containing page goes down because the content in the FAQ is not considered part of it.

If it's just static content that does not frequently change, then I would just use the div.

Thanks,
Sean
0
 

Author Comment

by:basskozz
ID: 13989591
Thanks Sean for clarifying that for me.
0
 

Author Comment

by:basskozz
ID: 13989810
I am having a though time getting this to werk with div frame in MS Frontpage.  Everytime I change anything it messes up the frame and the bottom nav bar.  with the inline frame I could just enter the text and the scroll bars would be there (WYSIWYG), but when I edit the div frame it doesn't create the scroll bar untill I looke at it in preview mode.  Any suggestions on this?

Thanks,
BassKozz
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 13989880
What version of FP are you using?
0
 

Author Comment

by:basskozz
ID: 13989886
2003
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 13989965
It seems to be fine on my 2003 - it does not show the scrollbars either though. (Remember, most pages that use CSS will "not" render correctly in design view, which even FP admits is only for baseic rendering.) The page will still be fine in preview mode, you just need to switch back and forth.

It's more important here that you're using (and getting used to using) the correct semantic code for the job rather than trying to keep FrontPage happy.
0
 

Author Comment

by:basskozz
ID: 13989979
It's more important here that you're using (and getting used to using) the correct semantic code for the job rather than trying to keep FrontPage happy.
-seanpowell


Very True,  Thank you for your help.
-BassKozz
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This guide will walk you through the essential considerations and tech stack for building scalable websites. Know how to grow your business the smart way!
Originally, this post was published on Monitis Blog, you can check it here . It goes without saying that technology has transformed society and the very nature of how we live, work, and communicate in ways that would’ve been incomprehensible 5 ye…
The purpose of this video is to demonstrate how to make a WordPress Site faster and smaller in size by cleaning up the database. This will be demonstrated using a Windows 8 PC. Plugin WP Optimize will be used. Go to your WordPress login page. T…
The purpose of this video is to demonstrate how to insert an Iframe into WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Open Page or Post…
Suggested Courses
Course of the Month16 days, 3 hours left to enroll

850 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question