cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Show  only  | Search instead for 
Did you mean: 
Exit
search
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Locked
0
Upvote

Hyperlinks don't work properly in some section

Guest
May 01, 2017 May 01, 2017

It's my first time to use Web editing programs, So I'm doing some tutorials that provided by official Dreamweaver site.

and I have some problems when I make hyperlinks in navigation on the top of the page.

In page provided by this tutorial, https://helpx.adobe.com/kr/dreamweaver/how-to/learn-css-basics-of-web-page-layout.html?playlist=/kr/...​

the navigation and other links works well in other sections except Hero section.

I can't even click the navigations on Hero section. How can I manage this problem?

641
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

osgood_
LEGEND , May 02, 2017 May 02, 2017

I don't see any links in the 'hero' section, either in the code you posted or in the video tutorial?

  <!-- Hero -->

        <section class="hero">

        <div class="hero-content">

                <h2>An Exhibition of Digital Originals</h2>

                <h1>Rendered</h1>

                <h3>Nov 14 — 21, 2017, San Francisco</h3>

            </div>

  <!--div class="poster">

  <img src="images/paintwave.jpg">

  </div-->

        </section>

Translate
replies 6 Replies 6
latest latest Jump to latest reply
Nancy OShea Community Expert
Community Expert ,
May 01, 2017 May 01, 2017

Switch to the Code panel in Split  View.  See screenshot.

Nancy

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guest
May 01, 2017 May 01, 2017
In Response To Nancy OShea

I'm sorry but my question is not 'How to make hyperlink'.

I'm asking about why the navigation doesn't work in some section in same page.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
BenPleysier Community Expert
Community Expert ,
May 01, 2017 May 01, 2017
In Response To Deleted User

The answer lies in the code. The cause of the problem is usually a coding error.

If you want us to help you, please copy and paste the code so that we can go over it.

Wappler, the only real Dreamweaver alternative.
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guest
May 02, 2017 May 02, 2017
In Response To BenPleysier

<!doctype html>

<html>

<head>

    <meta http-equiv="X-UA-Compatible" content="chrome=1">

    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta charset="UTF-8">

    <title>RENDERED</title>

   

    <script src="https://use.typekit.net/kxf0iwn.js"></script>

    <script>try{Typekit.load({ async: true });}catch(e){}</script>

    <link href="styles.css" rel="stylesheet" type="text/css">

<meta name="generator" content="Namo WebEditor(Trial)">

</head>

<body>

   

    <!-- Navigation Menu -->

    <header>

      <a class="site-logo">

          <img class="logo" src="images/logo-white.png">

      </a>

        <nav class="site-nav">

            <ul>

                <li><a href="#">Home</a></li>

                <li><a href="#">About</a></li>

                <li><a href="#">Gallery</a></li>

                <li><a href="#">Tickets</a></li>

                <li><a href="#">Contact</a></li>

            </ul>

        </nav>

    </header>

    <!-- Main Content -->

    <main>

        <!-- Hero -->

        <section class="hero">

        <div class="hero-content">

                <h2>An Exhibition of Digital Originals</h2>

                <h1>Rendered</h1>

                <h3>Nov 14 — 21, 2017, San Francisco</h3>

            </div>

  <!--div class="poster">

  <img src="images/paintwave.jpg">

  </div-->

        </section>

        <!-- Intro -->

        <section class="intro">

        <p>If digital artwork can be endlessly reworked, at what point does it become a finished piece? In Rendered, today?ì…² pixel visionaries explore the event horizon between artistic process and rendered reality.</p>

        </section>

        <!-- Artwork -->

        <section class="artworks">

            <article class="artwork">

                <div class="artwork-piece">

                    <figure>

                    <img src="images/goldrush.jpg">

                    </figure>

                </div>

                <div class="artwork-description">

                <h2 class="artwork-title">Goldrush</h2>

                    <p class="artwork-text">In a world obsessed with everything golden, these everyday objects shine as if they were made of real gold, from liquid to smoke to melted ice cream.</p>

                    <a class="see-more" href="#">See more</a>

                </div>

            </article>

        </section>

    </main>

    <!-- Site Footer -->

    <footer>

    <div class="footer-content">

            <ul class="footer-social">

                <li>

                    <a href="#">

                        <img class="social-default" src="images/social-facebook.png">

                        <img class="social-hover" src="images/social-facebook-hover.png">

                    </a>

                </li>

                <li>

                    <a href="#">

                        <img class="social-default" src="images/social-pinterest.png">

                        <img class="social-hover" src="images/social-pinterest-hover.png">

                    </a>

                </li>

                <li>

                    <a href="#">

                        <img class="social-default" src="images/social-twitter.png">

                        <img class="social-hover" src="images/social-twitter-hover.png">

                    </a>

                </li>

            </ul>

            <div class="footer-info">

                <p class="footer-credit">Website design by <a href="#">Serge Vasil</a></p>

                <p class="footer-disclaimer">Any reference to associated logos is for demonstration purposes only and is not intended to refer to any actual organization or event.</p>

                <p class="footer-legal">&copy; 2016 Adobe Systems Incorporated. All rights reserved.</p>

            </div>

        </div>

    </footer>

   

</body>

</html>

Here's the code provided by tutorials of official dreamweaver site.

Like I said, navigation works well in 'intro', 'artworks' section. but in 'hero' section it's not work.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
osgood_
LEGEND ,
May 02, 2017 May 02, 2017
In Response To Deleted User

I don't see any links in the 'hero' section, either in the code you posted or in the video tutorial?

  <!-- Hero -->

        <section class="hero">

        <div class="hero-content">

                <h2>An Exhibition of Digital Originals</h2>

                <h1>Rendered</h1>

                <h3>Nov 14 — 21, 2017, San Francisco</h3>

            </div>

  <!--div class="poster">

  <img src="images/paintwave.jpg">

  </div-->

        </section>

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Nancy OShea Community Expert
Community Expert ,
May 02, 2017 May 02, 2017
LATEST
In Response To Deleted User

As osgood said, there is no anchor tag in the hero section you posted.

An anchor tag looks like this.

<a href="some_link.html">IMAGE OR TEXT LINK</a>

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Copyright © 2025 Adobe. All rights reserved.
Using the Community Experience League Terms of Use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices