Html 使收割台居中，同时保持当前导航栏位置_Html_Css

Html 使收割台居中，同时保持当前导航栏位置

html css

Html 使收割台居中，同时保持当前导航栏位置,html,css,Html,Css,为什么我不能把标题集中在这一页上？我需要帮助集中我的标题，说这一页上的商店。我需要把它分开吗 <!DOCTYPE html> <html> <head> <title>EvenDoper.com</title> <center> <img src="ED1.psd" width="719" height="159" alt="ED1"> </center> <style> ul {

为什么我不能把标题集中在这一页上？我需要帮助集中我的标题，说这一页上的商店。我需要把它分开吗

<!DOCTYPE html>
<html>
<head>
<title>EvenDoper.com</title>
<center>
<img src="ED1.psd"  width="719" height="159" alt="ED1">
</center>
<style>
ul {
    float: left;
    list-style: none;
    position: relative;
    left: 50%;
}
li {
    display: block;
    float: left;
    position: relative;
    right: 65%;
}
li
{
float:left;
}
a:link,a:visited
{
display:block;
width:120px;
font-weight:bold;
color:#00a651;
background-color:#FFFFFF;
text-align:center;
padding:0px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#FFFFFF;
}

h1 {color:#FFFFFF;}
h1 {text-align:center;}
h1
{
background-color:#00a651;
}
</style>
</head>
<body>
<ul>
<li><a href="shop.html">&#9889;Shop</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</body>
<br>
<h1>Shop</h1>
</html>


EvenDoper.com
保险商实验室{
浮动：左；
列表样式：无；
位置：相对位置；
左：50%；
}
李{
显示：块；
浮动：左；
位置：相对位置；
右：65%；
}
锂
{
浮动：左；
}
a:链接，a:已访问
{
显示：块；
宽度：120px；
字体大小：粗体；
颜色：#00a651；
背景色：#FFFFFF；
文本对齐：居中；
填充：0px；
文字装饰：无；
文本转换：大写；
}
a:悬停，a:活动
{
背景色：#FFFFFF；
}
h1{颜色：#FFFFFF；}
h1{文本对齐：居中；}
h1
{
背景色：#00a651；
}







商店

这将帮助您：

但是你真的应该开始学习基础知识

<html>
<head>
    <title>Your Title</title>
    <style>Your CSS</style>
</head>
<body>
    Your Code
</body>
</html>


你的头衔
你的CSS
你的代码

这是一个很好的网站

你可以在这里验证你的代码，首先，你的语法有很多问题。例如，您需要将

代码移动到

代码中。您还需要移动

代码内部底部的

代码。看看Mozilla，了解更多关于正确的HTML语法和标记的信息

第二，我建议（很可能是和社区的其他人一起）对于如此多的CSS样式，使用外部CSS文件。查看此了解改进代码的开始。请访问Mozilla's，获取有关CSS的详细信息

您的“店铺”文本偏离中心有两个原因：

One:因为在

CSS

上有一些未解析的

float

条目

CSS

代表层叠

样式表

，这意味着样式从上到下层叠；秩序很重要！如果在

CSS

中的任何位置浮动

一个元素，则需要在下一个元素中清除它。否则，此后的所有CSS属性都将应用相同的float
属性
Two:您没有为任何CSS
属性设置宽度，因此文档可能试图使用HTML
中
标记的宽度，即719px
。这使得“Shop”文本以宽度为中心：719px，基本上。我已经在上面的JSFiddle链接中添加了这些修复，但是为了冗余起见，这里是您应该用以下CSS代码替换
代码的CSS代码：
h1 {
    clear: both;
    width: 100%;
    color: #FFFFFF;
    text-align:center;
    background-color:#00a651;
}

在hi之外放置html元素，首先应该编写正确的代码。您的图像属于body标签内，也不应该是psd。使用jpg、png或svg。我想你的大写字母锁坏了。问题的最后一部分不是大写。请使用HTML验证程序（如w3）验证标记。这将指出任何问题，即你在网站编码方面存在的主要和次要问题。我建议不要使用W3S，因为他们往往会犯很多错误，并且在修复社区指出的问题上拖了好几年的后腿。谢谢各位，我真的很感谢你们的帮助，我将阅读你们提出的一些建议！我建议更换w3schools链接。还有更好的选择，例如or。这里是一些关于w3schools网站的问题的阅读：谢谢各位，我真的很感谢你们的帮助，我将阅读你们提出的一些建议@user3362170如果此答案或其他答案解决了您的问题，单击计票下的复选标记将其标记为已接受会有所帮助。祝你好运！：-）