ссылки на разные сайты в панели навигации - PullRequest
Новая
       0

ссылки на разные сайты в панели навигации

0 голосов
/ 10 декабря 2018

Я пытаюсь иметь ссылки на разные веб-сайты в моей навигационной панели, но я застрял здесь. 

<body>

<ul>
    <li><a class="active" href="#home">Home</a></li>
    <li><a href="#beeryoga">Beer Yoga</a></li>
    <li><a href="#dayinmylife">A Day in My Life</a></li>
</ul>

вот моя таблица стилей CSS также 

ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden;background-color:lightslategray;}
li {float:left;}
li a {display:block;color:white;text-align:center;padding: 14px 16px;text-decoration:none;}
li a:hover {background-color: #111;}

Ответы [ 2 ]

0 голосов
/ 10 декабря 2018

Если вы имеете в виду внутренние ссылки на разные страницы, убедитесь, что у вас есть соответствующие селекторы id, на которые вы ссылаетесь.Например:

Эти теги привязки будут ссылаться на href значение id, установленное на другой странице: 

<ul>
    <li><a class="active" href="#home">Home</a></li>
    <li><a href="beeryoga.html#beeryoga">Beer Yoga</a></li>
    <li><a href="dayinmylife.html#dayinmylife">A Day in My Life</a></li>
</ul>

Скажите, что это beeryoga.html: 

<body>
    <div id="beeryoga">
        <p>We are linking here!</p>
    </div>
</body>

Скажите, что это dayinmylife.html: 

<body>
    <div id="dayinmylife">
        <p>We are also linking here!</p>
    </div>
</body>
0 голосов
/ 10 декабря 2018

Измените ссылку на ссылку.Например: 

<ul>
  <li><a class="active" href="https://stackoverflow.com/">Stack Overflow</a></li>
  <li><a href="another link">Beer Yoga</a></li>
  <li><a href="another link">A Day in My Life</a></li>
</ul>

Если вы измените href на https://stackoverflow.com/ вместо #home, ссылка приведет вас к https://stackoverflow.com/

...