Html 为什么我的导航项CSS不起作用?
好吧,我不知道为什么这不起作用,但是看看。我右上角的导航项目搞砸了。到目前为止,其他一切都很好。如有任何建议,将不胜感激。另外,请注意,有没有一种方法可以让我有一个指向目录(音乐)的“a”标记,并让我自定义目录页面?我马上就这个问题单独提问。此外,我希望有我自己的播放器,显示元数据。无论如何,我会尽量停留在主题上,这样你就不必回答这些问题,只需要CSS帮助。谢谢 HTML文件Html 为什么我的导航项CSS不起作用?,html,css,Html,Css,好吧,我不知道为什么这不起作用,但是看看。我右上角的导航项目搞砸了。到目前为止,其他一切都很好。如有任何建议,将不胜感激。另外,请注意,有没有一种方法可以让我有一个指向目录(音乐)的“a”标记,并让我自定义目录页面?我马上就这个问题单独提问。此外,我希望有我自己的播放器,显示元数据。无论如何,我会尽量停留在主题上,这样你就不必回答这些问题,只需要CSS帮助。谢谢 HTML文件 <!DOCTYPE html> <html> <head lang="en">
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<meta name="description" content="AnonSeeker is a collection of HTML, CSS, and JavaScript files designed for privacy. We offer things such as a browser, bookmarks, proxies, music, a text/code editor, and much more, completely password-protected!">
<link type="text/css" rel="stylesheet" href="css/style.css">
<!-- CSS Stylesheet -->
<link type="image/x-icon" rel="shortcut icon" href="favicon.ico">
<!-- Favicon -->
<title></title>
</head>
<body>
<!-- All Navigation Items -->
<div class="container" id="all-navigation">
<!-- Top Left Navigation Items -->
<div class="container" id="top-left-naviagtion">
<!-- Goto Browser -->
<div class="container goto-browser top-left-navigation-item">
<a href="html/anon-seeker-browser.html" class="goto-browser top-left-navigation-item">
<img src="img/browser.png" alt="browser-img" class="goto-browser top-left-navigation-item">
</a>
</div>
<!-- Goto Bookmarks -->
<div class="container goto-bookmarks top-left-navigation-item">
<a href="html/bookmarks.html" class="goto-bookmarks top-left-navigation-item">
<img src="img/bookmarks.png" alt="bookmarks-img" class="goto-bookmarks top-left-navigation-item">
</a>
</div>
<!-- Goto Music -->
<div class="container goto-music top-left-navigation-item">
<a href="html/music.html" class="goto-music top-left-navigation-item">
<img src="img/music.png" alt="music-img" class="goto-music top-left-navigation-item">
</a>
</div>
</div>
<!-- Top Right Naviagtion Items -->
<div class="conatiner" id="top-right-navigation">
<div class="container goto-ace top-right-navigation-item">
<a href="html/ace-editor.html" class="goto-ace top-right-navigation-item">
<img src="img/ace-editor.png" alt="ace-editor-img" class="goto-ace top-right-navigation-item">
</a>
</div>
</div>
</div>
<!-- Middle Elements -->
<div class="container" id="middle-elements">
<!-- Center AnonSeeker Image -->
<div class="container middle-img">
<img src="img/anonseeker.png" alt="anonseeker.png" class="middle-img">
</div>
<div class="container search-box">
<input type="text" placeholder="Search" class="search-box">
</div>
</div>
</body>
</html>
左上导航
html拼写错误,因此无法使用css。只需替换下面提到的CSS代码。希望这对你有帮助
#top-right-navigation {
position:absolute;
top: 10px;
right: 10px;
padding: 15px;
}
#top-left-naviagtion{
position:absolute;
top: 10px;
left: 10px;
padding: 15px;
}
左上导航
html拼写错误,因此无法使用css。只需替换下面提到的CSS代码。希望这对你有帮助
#top-right-navigation {
position:absolute;
top: 10px;
right: 10px;
padding: 15px;
}
#top-left-naviagtion{
position:absolute;
top: 10px;
left: 10px;
padding: 15px;
}
请提供一个请提供一个