I am having trouble with my links in a nav tab pane. For some reason the links are adding the domain name and then including the link in my href after like this:
https://www.edmontonyouth.com/”www.edmontonyouth.com/attractions/edmonton-corn-maze”
What am I doing wrong?
If you'd like to check out the webpage I'm using on and see for yourself what it is doing you can find it on www.edmontonyouth.com/places-to-visit-in-edmonton
I am considering trying a list group instead to see if it works differently, since maybe the issue is that its a nav-pill.
Here is sample of my code:
<div class="d-flex align-items-start">
<div class="nav flex-column nav-pills me-3" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<button class="nav-link active" id="v-pills-home-tab" data-bs-toggle="pill" data-bs-target="#v-pills-home" type="button" role="tab" aria-controls="v-pills-home" aria-selected="true">
Edmonton Corn Maze
</button>
</div>
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active text-center" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
<img src="images/edmonton-corn-maze.jpg" class="mb-3" style="height: 200px" alt="The Edmonton Corn Maze photo" title="The Edmonton Corn Maze" />
<p>
The Edmonton Corn Maze is a great attraction for a day outside. The maze changes every year, but it has oh so much to do! There is stuff to do for the little and bigger kids, making it a great place for kids of all ages.
</p>
<a href="www.edmontonyouth.com/attractions/edmonton-corn-maze" class="btn btn-outline-primary me-2" title="The Edmonton Corn Maze" alt="The Edmonton Corn Maze Link">
Link to our Review
</a>
<a href="https://www.edmontoncornmaze.ca/" class="btn btn-outline-primary" title="The Edmonton Corn Maze" alt="The Edmonton Corn Maze Link to Their Website">
Link to Their Website
</a>
</div>
</div>
</div>Soo I just realized the problem was with the double quotes around my links. They were slightly different than the proper one for coding, as they are curved slightly (insert emoji with hand in face). I don't know how I managed that