个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
我绝不是 HTML 或 CSS 方面的专家。我是相当新的，并且没有什么经验。我遇到过问题，但不确定如何解决。正如您从 JSFiddle(下面的链接)中看到的那样，图像和导航栏之间有一个白色的缝隙。该图像是在 CSS 中创建的背景图像。我想消除间隙，使图像与导航栏齐平。
我已经尝试更改#headerimage div 以及#nav div 的边距和填充值。我知道如果我将 margin-top 设置为负值，它可以解决问题，但这是一个非常笨拙的解决方案，因为如果我增加字体大小或类似的东西，我将不得不不断更改该值。我也在 stackoverflow 上搜索过类似的问题，但都没有解决我的问题。
我还意识到，就我的编码方式而言，我可能会做很多不同的事情，我还是新手。下面的代码是 HTML 代码，下一 block 是 CSS 代码。抱歉，如果我没有解释清楚，如果您需要更多信息，我会尽力进一步详细说明这个问题。非常感谢大家花时间看我的问题。一切顺利。如果您发现任何其他问题，无论是可能的错误，还是对某些事情来说不是一个好的解决方案，我很乐意在这里讨论。
<html>
<head>
<link rel="stylesheet" type="text/css" href="about.css">
<title>Sean Anderson</title>
</head>
<body>
<div id="container">
<div id="nav">
<ul>
<li><a href="about.html">About</a></li>
<li><a href="achievements.html">Achievements</a></li>
<li><a href="school.html">Academics</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="headerimage">
<h1>SEAN ANDERSON</h1>
</div>
<div id="whoami">
<h2>WHO AM I?</h2>
<ul>
<li>I am a student at SFS High School</li>
<li>I am an aspiring programmer</li>
<li>Comics, books, programming, casual gaming</li>
<li>4.0 GPA</li>
<li>Star Wars is my life</li>
</ul>
<img src="testbackground.jpg">
</div>
<div id="skills">
<h2>SKILLS</h2>
<ul>
<li>Familiar with Java, HTML, and CSS</li>
<li>Skilled with Microsoft Office Suite 2013</li>
<li>Skilled in math, science, and English</li>
<li>Awesome</li>
</ul>
</div>
<div id="footer">
<p>Copyright © 2015 Sean Anderson</p>
</div>
</div>
</body>
</html>
body {
font-family: Helvetica, sans-serif;
width: 100%;
background-color: white;
margin-left: 0px;
margin-top: 0px;
}
#container {
width: 100%;
background-color: white;
margin-top: 0px;
}
#nav {
background-color: black;
margin-bottom: 0px;
}
#nav ul {
list-style-type: none;
padding: 30px 0px 30px 0px;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
min-width: 1920px;
}
#nav li {
display: inline;
text-align: center;
}
#nav a {
text-decoration: none;
text-align: center;
color: white;
font-size: 30px;
padding: 30px 50px 30px 50px;
}
#nav a:hover {
background-color: white;
color: black;
}
#headerimage {
background-image: url("testbackground.jpg");
background-repeat: repeat;
height: 1000px;
width: 100%;
margin-top: 0px auto;
display: block;
clear: both;
}
#headerimage h1 {
text-align: center;
vertical-align: middle;
padding-top: 150px;
}
这是 JSFiddle:http://jsfiddle.net/Seanathon98/3nw5wj1d/(图像占据了我显示器的整个宽度，不知道为什么没有那样显示，因为我确实使用了 width: 100%。
最佳答案
将H1元素的margin和padding设置为0。
h1 {
margin: 0;
padding: 0;
}
您可以将 h1 元素的位置设置为绝对位置，并使用 padding 和 margin 将其正确定位；
#headerimage h1 {
position: absolute;
margin: -20px 0 0 0;
padding: 50% 0 0 0;
}
关于html - 如何去除背景图片和导航栏之间的白色间隙，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31838466/
26
4
0
对于我正在使用的启动画面: setContentView(R.layout.activity_home); new Handler().postDelayed(new Runnable() {
这是我的问题。我有一个应用程序，它打开一个文件打开对话框，我试图将文件路径和文件名输入到“文件名:”组合框部分。 应用程序加载了您登录的表单。这将打开另一个表单，其中有许多按钮。选择其中一个按钮会打开
我正在使用 sjPlot 的 plot_model() 绘制回归模型。我想将我的线条颜色从 sjPlot 主题(红色和蓝色线条)更改为黑白或灰度。但是，当我使用 set_theme(theme_bw(
所以看起来SpriteMaterial的默认颜色是0xFFFFFF。这似乎意味着 Sprite 没有颜色。如果我将 Material 的颜色属性更改为 0xFF0000， Sprite 将显示为红色。
我需要在文档中找到最大的空白区域，并使用python在其中放置QR码，以显示其坐标，中心点和区域。 我认为OpenCV和Numpy应该足以完成此任务。 使用什么样的THRESH？由于扫描类型很多: 灰
Android 选项卡上的波纹效果默认为白色。我想在 tablayout 上添加波纹效果，但我的选项卡背景已经是白色的，并且波纹效果在其上不可见。 有没有办法改变 tabLayout 波纹效果的颜
我正在尝试在我的应用程序上显示一个基本的谷歌地图，但它不起作用，它显示一个白屏，即使我有网络连接，我也检查了我的 MANEFIST 一百次，我生成了一个 deubg key ，并确定它是是的 我想是否
我有一个带有框阴影的蓝色框，文本颜色为白色，如下所示: . 是否可以添加内阴影？喜欢this (jsfiddle)？它不适用于白色文本，就像我的示例一样。 body { /* This has t
这是我的代码: body{ background: url(https://static.pexels.com/photos/29628/pexels-photo.jpg) no-repeat
我已经从 w3school 实现了一个 slider 。我还从另一个例子中实现了这些点来跟踪幻灯片。如果我单击它们，它们工作正常，问题是我无法使当前/事件点(从实际位置的幻灯片)显示为纯白色，让你知道
我是 bootstrap 的新手，试图提高我的技能，我已经制作了 5 个盒子，如您所见(左侧两个，右侧 3 个)，我的问题是为什么盒子编号“5”看起来不同，而不是相应的与数字 2 和 4 不在同一行，
我一直在研究一种导航，它会在滚动过标题后获得不透明度并缩小 Logo - 一切都很好，除了当导航栏覆盖白色背景上的段落时，它会变成透明并造成视觉困惑.我猜这可能是使用 rgba 的问题？我想保持不透明
有一个关于名为 Rockwell Std Light 的字体的问题。我在 Photoshop 中用蓝色背景显示白色文本，在 Dreamweaver 中也做了同样的事情。但是，网页中的字体总是看起来比较
我正在创建一个应用程序，它会在某个时候打开照片库。问题是照片库中的状态栏是黑色透明的，而我想要一个默认的应用程序(纯白色)。有什么办法可以改变它..？ 我想补充一点，我试过这个:iOS SDK - H
我正在尝试使用 AForge.NET 来检测图像中的粗白线。 这就像我得到的管道一样，是应用阈值过滤器后我想要的结果。 我知道如何检测形状并且我已经在这样做了，但是这在任何形状下都不匹配，因为它没有边
我正在尝试让 Tabs 在 Android 上通过 compose 与 TabRow 一起使用。我想要的是 TabRow 有白色背景。 如文档 (https://developer.android.c
我已经为我的 Visual Studio 安装了最新的 WiX(安装程序)，当我想设置图标时，它总是以空白结束。我正在尝试设置“所有 Windows 软件”中条目的图标 在下面的图片中你可以看到图标的
为什么选择后微调器文本会变成空白？ 如果我使用 getActivity().recreate()，微调器文本会闪烁，然后变为空白；做出选择后。 我正在使用 recreate 根据微调器选择加载区域设置
我最近遇到了 的问题每当我滚动时，网站顶部/底部都会出现白色块 它更大一点。白色块是 的一部分正文背景 ，因为改变 body backgroundcolor 会使块也改变颜色。 我已经试过了设置 bo
我在 iOS7、iPhone 4 及更高版本的状态栏上遇到了一些问题。因为我的应用程序的背景是深色的，所以我需要状态栏是白色的，这样看起来不错。但是，当最小化应用程序、等待几秒钟并返回应用程序时，它会
我是一名优秀的程序员,十分优秀！