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>
更改为页面的实际名称。
好的,所以在上面的代码中,当我点击服务链接或支持链接时,我被重定向到主页,但是网址中的链接是正确的。
为什么会这样?
答案 0 :(得分:0)
您可能在服务/支持页面HTML中错误地添加了主页内容...因此请检查这些页面中的html。
答案 1 :(得分:0)
代码都是正确的。您可能已在服务页面和支持页面上添加了相同的主页内容。
只需在浏览器中查看网址栏进行交叉检查(我们会在其中编写www.google.com等网址)
当您点击SUPPORT链接时,URL将是: * www.yourwebsite.com /的 *的support.html 强>
当您点击“服务”链接时,网址应为: * www.yourwebsite.com /的 * services.html 强>
如果您发现了这一点,则表明您已在这些页面上复制粘贴了相同的内容。
希望这会对你有帮助!