Inline Frame -> # links ?

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
basskozzAsked:
Who is Participating?
 
seanpowellConnect With a Mentor Commented:
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
 
seanpowellCommented:
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
 
basskozzAuthor Commented:
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
Cloud Class® Course: Amazon Web Services - Basic

Are you thinking about creating an Amazon Web Services account for your business? Not sure where to start? In this course you’ll get an overview of the history of AWS and take a tour of their user interface.

 
basskozzAuthor Commented:
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
 
seanpowellCommented:
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
 
basskozzAuthor Commented:
Thanks Sean for clarifying that for me.
0
 
basskozzAuthor Commented:
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
 
seanpowellCommented:
What version of FP are you using?
0
 
basskozzAuthor Commented:
2003
0
 
seanpowellCommented:
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
 
basskozzAuthor Commented:
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.