Tengo problemas con mis enlaces en un panel de pestañas de navegación. Por alguna razón, los enlaces agregan el nombre de dominio y luego incluyen el enlace en mi href después de esto:
https://www.edmontonyouth.com/”www.edmontonyouth.com/attractions/edmonton-corn-maze”
¿Qué estoy haciendo mal?
Si desea consultar la página web que estoy usando y ver por sí mismo lo que está haciendo, puede encontrarla en www.edmontonyouth.com/places-to-visit-in-edmonton
Estoy considerando probar un grupo de lista para ver si funciona de manera diferente, ya que tal vez el problema es que es una píldora de navegación.
Aquí hay una muestra de mi código:
<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>Así que me di cuenta de que el problema estaba en las comillas dobles alrededor de mis enlaces. Eran ligeramente diferentes a los adecuados para la codificación, ya que están ligeramente curvados (insertar emoji con la mano en la cara). no se como logré eso