标题干扰导航栏
我目前在网站上工作,我也是网站编程新手,所以如果我遇到了一些问题,我很抱歉。标题干扰导航栏
h1出现在我的导航栏之前,将导航栏放在标题下方。有什么建议么?谢谢!
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSGOCarry | Contact</title>
<link rel="stylesheet" type="text/css" href="contact.css">
</head>
<body>
<div class="container">
<div class="center">
<h1>How To Contact Us</h1>
</div>
</div>
<div class="navbar">
<ul>
<li><a href="default.asp">Home</a></li>
<li><a href="Jackpot.asp">Jackpot</a></li>
<li><a href="Coinflip.asp">Coinflip</a></li>
<li><a href="Roulette.asp">Roulette</a></li>
<ul style="float:right;list-style-type:none;">
<li><a href="Contact.asp">Contact</a></li>
<li><a href="About.asp">About</a></li>
<li><a href="https://store.steampowered.com/login/">Sign In</a>
</li>
</ul>
</ul>
</div>
</body>
</html>
的jsfiddle W/HTML & CSS: https://jsfiddle.net/fo0u1tcp/
您需要更改顺序的nav
和container
出现在文档中:
<div class="navbar">
<ul>
<li><a href="default.asp">Home</a></li>
<li><a href="Jackpot.asp">Jackpot</a></li>
<li><a href="Coinflip.asp">Coinflip</a></li>
<li><a href="Roulette.asp">Roulette</a></li>
<ul style="float:right;list-style-type:none;">
<li><a href="Contact.asp">Contact</a></li>
<li><a href="About.asp">About</a></li>
<li><a href="https://store.steampowered.com/login/">Sign In</a></li>
</ul>
</ul>
</div>
<div class="container">
<div class="center">
<h1>How To Contact Us</h1>
</div>
</div>
谢谢,我真的很感激。一般来说,我对HTML和CSS是新手,你有没有对菜鸟有用的来源? –
接受我的回答,我会很乐意给出几个链接;) – aphextwix
我刚刚做了,它不会让我起初因为时间限制哈哈:D –
的H1出现在您的示例小提琴的标题下方? – aphextwix
我刚刚更新了小提琴,我贴错了一个 –
那么,使用那个错误,然后,如果这有效。 ;) – GolezTrol