Link to specific section of different page.

I have a drop down menu on my nav bar. I want the different links on the drop down menu to bring me to different sections of a different page. This is the code I have used.
This is the html for the nav bar:
<nav id="nav">
<ul>
        <li class="current_page_item"><a href="index.html" class="home" style="font-family:nexa_rust_sansblack">Home</a></li>
        <li><a href="services.html" class="services" style="font-family:nexa_rust_sansblack">Services</a>
             <ul>
                  <li><a href="services.html#manage">Management</a></li>
                                        <li><a href="services.html#strategy">Strategy</a></li>
                                        <li><a href="services.html#design">Design</a></li>
                                        <li><a href="services.html#optimize">Optimize</a></li>
                                        <li><a href="services.html#store">Store</a></li>
                                        <li><a href="services.html#social">Social Meida</a></li>
             </ul>
        </li>
        <li><a href="portfolios.html" class="portfolios" style="font-family:nexa_rust_sansblack">Portfolios</a></li>
        <li><a href="contact.html" class="contact" style="font-family:nexa_rust_sansblack">Contact</a></li>
</ul>
</nav>
This is the way each section of the page they link to is coded.
<section class="box">
       <header id="manage">
             <center><img src="images/manage.png" alt="Web Development Image"></center><br>
             <h3>Website & Mobile Development</h3>
       </header>
                  <p>Content here</p>
</section>
But this doesn't seem to work. Anyone have a suggestion? Thanks.

Named anchors are deprecated in HTML5 docs.
<a name="strategy">
Like I said before, you need to use a unique ID not a named anchor.
<div id="strategy">
Also, fix your code errors. You have a few that will effect browser rendering.
[Invalid] Markup Validation of http://www.beaniecapdesign.com/services.html - W3C Markup Validator
Nancy O.

Similar Messages

Linking to specific tab on different page

Hey everyone, I want to link to a tabbed panel on one of my
pages using the navigation menu on the home page. The problem is
that I keep getting sent to the default tab on the new page instead
of the tab I want to open. This is my code, can anyone help:
<li><a href="wriaboutus.html"
onclick="TabbedPanels1.showPanel(1)">Mandate</a></li>

anyone?

Hi Have problems with Firefox Aurora in terms of strange links in the text on different pages you visit. This occurs only on Firefox, not on other type internet

Hi Have problems with Firefox Aurora in terms of strange links in the text on different pages you visit. This occurs only on Firefox, not on other type internet explorer. What could be wrong? Thorbjorn

Do a malware check with some malware scanning programs on the Windows computer.<br />
You need to scan with all programs because each program detects different malware.<br />
Make sure that you update each program to get the latest version of their databases before doing a scan.<br /><br />
*http://www.malwarebytes.org/mbam.php - Malwarebytes' Anti-Malware
*http://www.superantispyware.com/ - SuperAntispyware
*http://www.microsoft.com/security/scanner/en-us/default.aspx - Microsoft Safety Scanner
*http://www.microsoft.com/windows/products/winfamily/defender/default.mspx - Windows Defender: Home Page
*http://www.safer-networking.org/en/index.html - Spybot Search & Destroy
You can also do a check for a rootkit infection with TDSSKiller.
*http://support.kaspersky.com/viruses/solutions?qid=208280684
See also:
*"Spyware on Windows": http://kb.mozillazine.org/Popups_not_blocked

Click on a image in the swf and go to a specific section of the page

Can any one help me with this.
I do have an SWF file (in the main html page) with 6 time
frames. Each frame has 3 images. On the other hand I do have a
second html page that is nothing but the main title and 18
sections. Every section describes one the SWF’s images.
What I am looking for is whenever I click on one of the
images of the SWF file; I want to go to the specific section that
describes the image I have just clicked on.
Thanks alot

I am trying to do this as well. I have a drop down menu that
I have as an embedded SWF in my html page, and I want one of the
buttons to take you to a specific part of the html page. Does
anyone know how to do this? Using the #name like in html does not
appear to work. Can't find the answer anywhere!!!
Text

Link to specific tab on another page but don't anchor

Hello, I used this tutorial to link to a specific tab on another page:
http://foundationphp.com/tutorials/spry_url_utils.php
It works great, except I don't want to go directly to the tabbed panel. I want the particular tab to be active, but the page should load as it normally does. So the user should always be at the top of the page when it loads.
This is the link code:
<a href="registration.html?tab=1#form">
As you can see, #form identifies the tabbed panel, but it also directs the link where to go. I only want to use it as an identifier, not as a navigator as well.
Thank you.

FShea31 wrote:
Hello, I used this tutorial to link to a specific tab on another page:
http://foundationphp.com/tutorials/spry_url_utils.php
It works great, except I don't want to go directly to the tabbed panel. I want the particular tab to be active, but the page should load as it normally does. So the user should always be at the top of the page when it loads.
This is the link code:
<a href="registration.html?tab=1#form">
As you can see, #form identifies the tabbed panel, but it also directs the link where to go. I only want to use it as an identifier, not as a navigator as well.
Thank you.
Remove the hash part of the URL parameter and just open the tab in the constructor
<a href="registration.html?tab=1">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1",
{defaultTab: params.tab ? params.tab : 0});
I hope this helps.
Ben

Linking to a specific section of a page [was: Dreamweaver noob question]

Hello everyone, I am rather new to dreamweaver and am required to use it at work to update the company website. Long story short we have a list of databases. In this list of databases there are several subsections, for instance. Automotive,Government, Health, School, etc. They are all on the same page so essentially it is a long list. After updating the databases the link now brings you to the top of the page, regardless of what you click on.
So my question is, how do you make a link take you to a certain scroll section, say 25% down the page, 50%, etc ,etc.
Thanks again to anyone taking the time to read this post and shed some light on my situation.
[Subject line edited by moderator for clarity]

Hi,
in addition to our hints, here an example from one of my websites, please look here:
http://www.goldschmiede-blumberg.de/LBIC/GinkgoL.php:
At this place ("Text s. weiter unten"):
"Ginkgo biloba"
Gedicht von Wolfgang von Goethe
(Text s. weiter unten)
you will find an anchor to Goethe's poem. It's code for the link in shorthand ist like that:
<a href="#Johann">(Text s. weiter unten)</a>
Hans-G.

Can you link to specific start and end pages of pdf in a web page

I'm using iframes to display a pdf on a web page. i want to be able to link to for example pages 2-3 of a 20page document.
I know i can link to a start page or a bookmark/destination but i only want those 2-3pages available to the viewer not the whole document.
Is this possible?

Not without a server-side application that extracts those pages as a new
file and opens it instead of the original.

Hi, I managed to publish my website on the server. The server recognize the different pages when I write the url, but when I use the a tag to surf to the next page it doesn't recognize the link.

Here below you can find my coding > And I highlighted the links that refer to my different pages:
<div id="Main_navMenu">
    <ul>
        <li><a href="/index.html">HOME</a></li>
        <li><a href="#">NIEUWS</a>
        <ul>
            <li><a href="/pages/nieuws.html">ACTUALITEIT </a></li>
            <li><a href="#">ACTIVITEITEN</a></li>
            <li><a href="#">ARCHIEF</a></li>
        </ul>
    </li>
    <li><a href="#">ADVIES</a>
        <ul>
               <li><a href="/pages/contract.html">CONTRACT</a></li>
                <li><a href="#">CHECKLIST</a></li>
                <li><a href="#">UITKERING</a></li>
                <li><a href="#">JURIDISCH</a></li>
        </ul>
    </li>
    <li><a href="#">WIE WE ZIJN</a>
        <ul>
                <li><a href="#">BESTUURSLEDEN</a></li>
                <li><a href="#">WAT WE DOEN</a></li>
                <li><a href="#">ONZE LEDEN</a></li>
        </ul>
    </li>
    <li><a href="#">INFORMATIE</a>
        <ul>
                <li><a href="#">STATUTEN</a></li>
                <li><a href="#">FAQ</a></li>
                <li><a href="#">LINKS</a></li>
        </ul>
    </li>
    <li><a href="#">LID WORDEN</a>
        <ul>
            <li><a href="#">INSCHRIJVEN</a></li>
            <li><a href="#">INLOGGEN</a></li>
        </ul>
    <li><a href="#">CONTACT</a></li>
    </ul>
</div>

Maddy dOliveira wrote:
Hi,
Thanks and yes, this is a test website.
The link for news (nieuws) works now, but the link for Advies - contract gives this as result: http://www.maddydoliveira.com/DeActeursGilde/pages/pages/contract.html
As you can see the link is looking for pages within pages.
Is there a possibility to solve this issue? I've tried now for a small hour,.. and didn't manage to find a solution.
Thanks in advance,
Maddy
If you just change the links to point to the 'pages' folder in the 'DeActeursGilde' folder instead of them pointing outside of the folder to the site server root which a / leading slash does that should solve your issue. With the leading slash the browser is looking for a folder named 'pages' outside of the 'DeActeursGilde' folder instead of looking for a 'pages' folder inside of it.
<a href="pages/contract.html">CONTRACT</a>
Contract
I think when you create links in Dreamweaver you have an option to choose 'site root relative' links or 'document relative' links - well you always want document relative links.

How to define the hyperlink command in the online help to go to a specific place on another page?

Hi,
I run my online help (WebHelp) in an application in Firefox. When clicking a link on a page, I want to go to a specific section on another page. In the hyperlink I am using the #<bookmark> to go to the bookmark on the other page. This works in IE, but not in FireFox. Do I need to use a different command or do I have to change some settings in my browser to make it work?
Thanks!

Does your page design use frames (classic frames or inline frames)?
From past threads:
Make sure your bookmark doesn't contain a #. In other words, if the bookmark is Chapter1, Firefox will require #Chapter1 on the link, but if the bookmark is #Chapter1, then Firefox will require ##Chapter1 on the link.
If your page changes height after loading, for example, you use a script that collapses some sections, Firefox may go to the original location in the page instead of the updated location. The workaround for this would be to have a script in the page check the hash and scroll to the correct location after changing the height.

How do you hyperlink to an anchor on a different page?

I am trying to have the news page link back the the "news" section that is came from. I do not want the link to jump back to the "home" section of the website?
If you go to this link http://www.tffandson.com/tfftest.html
and go to News then click the first package it will take you to the this page
http://www.tffandson.com/news.html
So I would like it the point back to that section of the main page.
thanks

#anchor or #id added to the end of the page link will do the trick (just replace anchor or id with the actual anchor name or html id of the section you want to link to...
<a href="your_page_link.html#anchor_name">Link to anchor on a different page</a>
or
<a href="your_page_link.html#id_name">Link to html id on a different page</a>

Linking to a spot on a page

I'd like to have one or two pages with lists on them. Id like another page to be able to link to specific locations on those pages. For example, perhaps one link takes you to the top of the page, another link takes you to the middle of the page and another to the bottom etc. I know its possible in other web creation software but I cannot find any info on how to do it in iWeb.
Thanks,
David

see this thread: http://discussions.apple.com/thread.jspa?threadID=1558733&tstart=25

Linking to specific text

Hi All!
I would like to link to specific text within a PDF document.
I can link to pages, but I can't link to specific text within a page. Is there any way to do this?
I'm on Mac OS 10.5.8 using Acrobat 9.4.0 ...
Thank you so much!!
Diane

Hi!
Thank you again!
I know I can link to a page but that's not what I need.
I need to be able to link to specific text on a page.
See, if the text I need to link to is in the middle of the page then it kind of creates a problem because the link doesn't go directly to that text, instead it goes to the top of the page that the text appears in.
That's not what I want it to do.
I want the text that I link to, to be what shows at the top of the window, rather than the beginning of the page that the text appears on.
Thank you for trying! I'm thinking Acrobat probably can't do what it is I want to do.
Have a good day and week!
Diane

How do I link to a specific place on a "different" page?

I understand how a Named Anchor works on a given page. How do I click a link on one page, and go to a specific place on another page? Can that be done?
Thanks!

Same page anchor:
<a href ="#anchoronthispage">
Different page anchor:
<a href="anotherpage.html#anotheranchor">

Would crtl+f work or is there another way to search or quickly hyperlink to different sections on the page?

We have a very long extended data tab full of custom sections and we would like to be able to give a user a way to search the page quickly.
Would crtl+f work or is there another way to search or quickly hyperlink to different sections on the page?

I don't know enough about your use case to provide specific direction but you may be able to use the 6.1.1 UI extensibility point. For example, you could add an anchor link collection control that scrolls the page to the top of each section when selected.

How do you link to a specific location in another page?

I'm working in Dreamweaver CS4. I'm trying to create a link to go to a specific location on another page in my website. Any advice?

All the information I have seen about Named Anchors deals with information that is contained on the same page. I am looking to go to a specific location on a different page. Is this possible using Named Anchors? If so, how?
Sure it is.
Place a named anchor on your destination page near the bottom of your page for this test. And name your anchor 1.
On the parent page, your link will look like this:
<a href="some_page.html#1">this is a link to named anchor 1</a>
Save both pages and test in browser.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Link to specific section of different page.

Similar Messages

Maybe you are looking for