Question

CSS

   <style type="text/css">
#home {
    z-index: 100;
    position: absolute;
    color: white;
    font-size: 24px;
    margin-left: 25px;
    top: 18px;
    margin-right: 25px;
    visibility: hidden;
}
#aboutUs {
    z-index: 100;
    position: absolute;
    color: white;
    font-size: 24px;
    margin-left: 25px;
    top: 18px;
    margin-right: 25px;
    visibility: visible;
}

#services {
    z-index: 100;
    position: absolute;
    color: white;
    font-size: 24px;
    margin-left: 180px;
    top: 18px;
    margin-right: 25px;
    visibility: visible;
}

#support {
    z-index: 100;
    position: absolute;
    color: white;
    font-size: 24px;
    margin-left: 325px;
    top: 18px;
    margin-right: 25px;
    visibility: visible;
}

#contactUs {
    z-index: 100;
    position: absolute;
    color: white;
    font-size: 24px;
    margin-left: 460px;
    top: 18px;
    margin-right: 25px;
    visibility: visible;
}

#information {
    z-index: 100;
    position: absolute;
    color: white;
    font-size: 24px;
    margin-left: 600px;
    top: 18px;
    margin-right: 25px;
    visibility: visible;
}

#sponsored {
    z-index: 100;
    position: absolute;
    color: white;
    font-size: 24px;
    margin-left: 755px;
    top: 18px;
    margin-right: 25px;
    visibility: visible;
}

#reviews {
    z-index: 100;
    position: absolute;
    color: white;
    font-size: 24px;
    margin-left: 910px;
    top: 18px;
    margin-right: 25px;
    visibility: visible;
}
</style>

HTML

<!DOCTYPE html>
<html> 
<head>
    <!-- Cheange Title of Webpage below -->
    <title>DTSU - Home</title>
    <link type="text/css" rel="stylesheet" href="stylesheet.css" />
</head>
<body>
    <!-- Div Buttons for Pages -->
    <p>
        <div id="mainNavD">
            <a href="home.html" id="home">Home</a>
            <a href="aboutUs.html" id="aboutUs">About Us</a>
            <a href="services.html" id="services">Services</a>
            <a href="support.html" id="support">Support</a>
            <a href="contactUs.html" id="contactUs">Contact Us</a>
            <a href="information.html" id="information">Information</a>
            <a href="sponsored.html" id="sponsored">Sponsored</a>
            <a href="reviews.html" id="reviews">Reviews</a>
            <img src="pictures/mainNavBar.jpg"/>
        </div>
    </p>
    <!-- Header and Logo Combo -->
    <div id="headerD">
        <img src="pictures/header.jpg" />
        <div id="logoD"></div>
    </div>
</body>
</html>

所有页面都具有相同的格式，因为这是我制作的模板。

唯一的区别是

    <!-- Cheange Title of Webpage below -->
    <title>DTSU - Home</title>

更改为页面的实际名称。

好的，所以在上面的代码中，当我点击服务链接或支持链接时，我被重定向到主页，但是网址中的链接是正确的。

为什么会这样？

Answer 1

您可能在服务/支持页面HTML中错误地添加了主页内容...因此请检查这些页面中的html。

Answer 2

代码都是正确的。您可能已在服务页面和支持页面上添加了相同的主页内容。

只需在浏览器中查看网址栏进行交叉检查（我们会在其中编写www.google.com等网址）

当您点击SUPPORT链接时，URL将是： * www.yourwebsite.com /的 *的support.html

当您点击“服务”链接时，网址应为： * www.yourwebsite.com /的 * services.html

如果您发现了这一点，则表明您已在这些页面上复制粘贴了相同的内容。

希望这会对你有帮助！

一个链接带我到另一个页面！ HTML

2 个答案: