Participating Frequently

Question

Re: Hyperlinks don't work [Branched from 2017 topic]

Forum|Forum|2 years ago
February 5, 2023
2 replies
1121 views

I have the same issue. When I fill in a link, the navigator doesn't navigate there. I think this is what the person was trying to say, don't know. Anyway:

Using the demo they provided, I added a web page it should like to, so it is all exactly as provided for the RENDERED tutorial, just, I added a link instead of the hash tag and you can not click on Home, About, or anything and have it go to the link:

<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="../PortfolioBWH.html">About</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Tickets</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>

I read out there that there might be problems with cod with ul li a all in one line like this, which is in the css file

.site-nav ul li a {

font-size: .85em;

padding-bottom: .5em;

text-decoration: none;

letter-spacing: .15em;

text-transform: uppercase;

color: #fff;

-webkit-transition: color .3s;

transition: color .3s;

}

.site-nav ul li a:hover {

outline: none;

border-bottom: 1px solid white;

}

Has anyone at adobe made the RENDERED demo nav words at the top successfully go to a web page, as in a link, hyperlink? Thanks.

J

Code

This topic has been closed for replies.

Nancy OShea

Community Expert

This is not a link.

This is a link:

This is not a link.

This is a link:

See the differences between absolute, page-relative and site root-relative links below.

https://helpx.adobe.com/dreamweaver/using/linking-navigation.html

Hope that helps.

Nancy O'Shea— Product User & Community Expert

J

Julie28263110pqn6Author

Participating Frequently

I replaced this code with a proper link, and that doesn't help\

<nav class="site-nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="https://wappler.io">About</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Tickets</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>

J

Julie28263110pqn6Author

Participating Frequently

All I did was take the tutorial, replace the hash tag with a link. Doesn't work.

BenPleysier

Community Expert

Not only at Adobe, but the whole world has successfully coded hyperlinks. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

J

Julie28263110pqn6Author

Participating Frequently

I challenge you to take the adobe tutorial files (the html and the cs) and take one nav button and make it link to a file. I did just that, here it is. The only code I changed was to add the file I wanted it to link to.

http://www.brushwithscience.com/Demos/css-layout-indexDone.html

Under the About button, I linked to a file. Don't like my file, put your own. The code is all right there, or you can get it here:

https://helpx.adobe.com/dreamweaver/how-to/learn-css-basics-of-web-page-layout.html?playlist=/services/playlist.helpx/products:SG_DREAMWEAVER_1_1/learn-path:get-started/set-header:ccx-designer/playlist:basictraining/en_us.json&ref=h

elpx.adobe.com