6 Replies Latest reply on Oct 17, 2014 6:41 AM by dwrush32

    Link to specific section of different page.

    dwrush32 Level 1

      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.