- Joined
- Aug 16, 2022
- Messages
- 58
- Reaction score
- 2
Hi Everybody,
I'm making a pretty basic Frequently Asked Questions page. I've included the code
here:
The trouble is: all of the <p>Blah - Blah - Blah - Blah</p> parts are three or four paragraphs long.
As it stands, the code will scroll all the way to the keywords. Not pleasant to watch.
How can I make the code "Jump to" the keywords?
Many Thanks,
-Paul
I'm making a pretty basic Frequently Asked Questions page. I've included the code
here:
HTML:
<!DOCTYPE HTML>
<html>
<head>
<title>Frequently Asked Questions</title>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}
h1 {
color: #0066CC;
}
h2 {
color: #003366;
}
h3 {
color: #FF0000;
}
</style>
</head>
<body>
<h1>Frequently Asked Questions</h1>
<h2 id="top">Table of Contents</h2>
<ol>
<li><a href="#topic1"><b>Question 1</b></a></li>
<li><a href="#topic2"><b>Question 2</b></a></li>
<li><a href="#topic3"><b>Question 3</b></a></li>
<li><a href="#topic4"><b>Question 4</b></a></li>
<li><a href="#topic5"><b>Question 5</b></a></li>
</ol>
<hr />
<h3 id="topic1">Question 1</h3>
<p>Blah - Blah - Blah - Blah</p>
<h3><a href="#top">Back to Top</a></h3>
<hr />
<h3 id="topic2">Question 2</h3>
<p>Blah - Blah - Blah - Blah</p>
<h3><a href="#top">Back to Top</a></h3>
<hr />
<h3 id="topic3">Question 3</h3>
<p>Blah - Blah - Blah - Blah</p>
<h3><a href="#top">Back to Top</a></h3>
<hr />
<h3 id="topic4">Question 4</h3>
<p>Blah - Blah - Blah - Blah</p>
<h3><a href="#top">Back to Top</a></h3>
<hr />
<h3 id="topic5">Question 5</h3>
<p>Blah - Blah - Blah - Blah</p>
<h3><a href="#top">Back to Top</a></h3>
<hr />
</body>
</html>The trouble is: all of the <p>Blah - Blah - Blah - Blah</p> parts are three or four paragraphs long.
As it stands, the code will scroll all the way to the keywords. Not pleasant to watch.
How can I make the code "Jump to" the keywords?
Many Thanks,
-Paul