- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我在将 ResponsiveSlider 集成到我的页面时遇到了一些麻烦,因为我集成它的每种类型的设计都一团糟。下面的 div 上升并隐藏在 slider 下,文本下降等等......实际上是所有页面。
你可以找到一个实时版本here
抱歉,我正在努力学习,但保持代码整洁并不是我的首要任务:/
HTML:
<div class="container">
<div id="head">
<header>
<img src="http://html5hub.com/wp-content/uploads/2013/07/default-share1.png" alt="photo profile">
<ul>
<li><h1>Jack Foster</h1></li>
<li>7 Beer Street, London</li>
<li>Phone : 00000456789</li>
<li>contact@youdontknowjack.com</li>
</ul>
</header>
<nav>
<ul>
<li><a href="#">About me</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">About me</a></li>
</ul>
</nav>
<!--Problem down here-->
<ul class="rslides">
<li><img src="images/1.jpg" alt=""></li>
<li><img src="images/2.jpg" alt=""></li>
<li><img src="images/3.jpg" alt=""></li>
</ul>
</div>
<div class="content">
<div id="history-back">
<div id="history">
<h2>History & Profile</h2>
<p>...</p>
</div>
</div>
<div id="skill">
<h2>Skillset</h2>
<p>...</p>
</div>
<div id="studies-back">
<div id="studies">
<h2>Studies</h2>
<p>...</p>
</div>
</div>
<div id="work">
<h2>Work</h2>
<p>...</p>
</div>
<footer>
<div>
<ul style="list-style: none">
<li><a href="#">About me</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">About me</a></li>
</ul>
</div>
<div>
<ul style="list-style: none">
<li><a href="#">About me</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">About me</a></li>
</ul>
</div>
<div>
<ul style="list-style: none">
<li><a href="#">About me</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">About me</a></li>
</ul>
</div>
</footer>
</div>
<script>
$(function() {
$(".rslides").responsiveSlides();
});
</script>
还有我写的糟糕的 CSS:
*{
margin:0;
padding:0;
}
.container {
width: 960px;
margin: 0 auto;
margin-left: 15%;
margin-right: 15%;
background: #ffffff;
-moz-box-shadow: 0px 0px 8px #bbbbbb;
-webkit-box-shadow: 0px 0px 8px #bbbbbb;
box-shadow: 0px 0px 8px #bbbbbb;
height: 100%
}
body {
color: black;
background: #eacece;
background: url(../images/tilepng.png);
}
body h2 {
font: ;
margin-bottom: 1em;
}
header {
position: relative;
}
header h1 {
font-style: ;
}
header ul {
padding: 3px;
float: right;
vertical-align: middle;
margin-right: 2em;
margin-top: 4em;
}
header li {
display: block;
}
nav ul {
padding: 10px;
background: #F9F9F9;
}
nav li {
display: inline;
padding: 0px 10px 0px 10px;
}
#history-back {
min-height: 150px;
max-height: 200px;
background: url(../images/tilegif.gif);
}
#history {
margin: 3em;
display: inline-block;
}
#skill {
background: #ffffff;
margin: 3em 3em 3em 3em;
}
#studies-back {
min-height: 150px;
max-height: 200px;
background: url(../images/tilegif.gif);
}
#studies {
height: 100%;
margin: 3em 3em 3em 3em;
display: inline-block;
}
#work {
background-color: #ffffff;
margin: 3em;
margin-bottom: 3em;
}
footer { background: #313131; width: 960px; height: 100%}
footer div { background: #313131; width:290px; padding: 15px; float:left; text-align: center}
/* rslides styles */
.rslides {
position: relative;
list-style: none;
width: 100%;
padding: 0;
margin: 0 0 20px 0;
}
.rslides li {
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
远非完美,但它完成了工作,如果您有任何要添加的内容以缓解它,请随时添加。
最佳答案
您的内容类和 slider 类重叠,但 slider 的内容将内容的内容向下推。 slider 的 ul 支架的尺寸小于 slider 中的尺寸,内容 div 与其对齐,而不是 li 标签中的尺寸。
对于样式修复,您可以在内容的顶部应用填充以快速修复,或者为您的 ul 提供您要滑过的图片的适当大小。不过我不熟悉这个特定的插件,所以我不确定是否有脚本修复程序。您可以在初始化时指定容器高度。
关于javascript - 集成 jQuery Slider 搞乱了设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21586006/
Windows 集成 (NTLM) 身份验证和 Windows 集成 (Kerberos) 之间有什么区别? 如何在IIS6中实现这些 w.r.t. MSDN 最佳答案 Kerberos 和 NTLM
Keycloak是一个用 Java 编写的开源身份验证和身份管理解决方案。它提供了一个nodejs适配器,使用它我能够成功地与express集成。这是有效的路由文件: 'use strict'
这是我关于 Bamboo 的第二个问题 ( My First One )。阅读建议信息后我的理解是,我需要一个构建工具,例如 nAnt 或 MSbuild 来编写一个获取源代码并构建它的脚本(我正在开
可用于将第三方应用程序与 jira 4.3 集成的身份验证方案有哪些?显然,从客户那里获取用户名和密码听起来很荒谬。另外,我知道 oauth 身份验证仅适用于版本 5。请告诉我。谢谢。 附注。我不是在
我有一个使用 DDS 的旧版 C++ 应用程序用于异步通信/消息传递。我需要将此应用程序集成到使用 JMS 进行消息传递的 JavaEE 环境中。除了构建独立的 JMS/DDS 桥接模块之外,我还有其
我正在尝试使用 Whatsapp 发送测试消息,但收到此错误消息: "error":{"code":27,"description":"Recipient not available on chann
我想将 photologue 与我的 Django 应用程序集成,并使用它在车辆库存中显示照片......有点像 Boost Motor Group Inc. 提供的内容。我已经集成了该应用程序,所以
我目前正在尝试弄清楚如何与 fujitsu scansnap 扫描仪集成,但没有从 fujitsu 找到有关 fujitsu scansnap 管理器如何调用您的应用程序并将文件发送到您的应用程序的详
在我的项目中,我使用了 9 个(九个)int-ip:udp-inbound-channel-adapter 和一个 jms:inbound-channel-adapter。 Jms 适配器从服务器接收
在我们当前的原型(prototype)中,大多数标准 HTML 控件都被小程序取代,最重要的是表单提交由小程序触发。 有没有一种方法可以像 一样在服务器端调用关联的操作 ? 本文Applet and
是否可以使用 twilio 号码从 whatsapp 发送/接收短信?有人用whatsapp试过twilio吗?我问过客服,如果可能的话,他说,不确定,但很多人都问过这个问题。 最佳答案 万一其他人来
我们办公室中几乎不存在版本控制,这显然导致了很多麻烦。我们想使用SVN和Notepad++进行设置...任何人都对如何实现此目标有任何想法?我已经开始研究并浏览了这个网站: http://www.sw
曾经有提供这种集成的 spring-modules 项目;但是,该项目现已弃用。现在有没有人继续支持这种集成?谢谢。 最佳答案 工作正在进行中。 http://blog.athico.com/sear
我的理解是,根据 http://wiki.dbpedia.org/Datasets,DBpedia 从 YAGO 获取类层次结构,而不是实体。 .但是,类似 http://dbpedia.org/cl
任何人都可以帮助我如何将 OpenCMS 与 Java Spring Web 应用程序集成。已经用谷歌搜索并浏览了很多网站但没有用。所以,请帮助我。 最佳答案 我认为将 SpringMVC 与 Ope
我正在尝试使用新的 migs getaway (MPGS) 我遵循了下一个 url 中的代码 https://ap-gateway.mastercard.com/api/documentation/i
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗?更新问题,使其成为 on-topic对于堆栈溢出。 4年前关闭。 Improve thi
我有一个 cmake 项目。我想轻松完成以下操作 搜索光标下任何变量、函数等的声明、定义和引用,这些可能在外部头文件中声明,其路径是在CMakeLists.txt中使用INCLUDE_DIRECTOR
有人能给我指点一下 Objective-C(或 c/c++)库的方向,或者教通过 FTP 上传或下载的教程(Objective-C)吗?最好能展示如何将文件下载到临时目录,然后稍后上传?我不介意针对
集成()给出了非常错误的答案: integrate(function (x) dnorm(x, -5, 0.07), -Inf, Inf, subdivisions = 10000L) # 2.127
我是一名优秀的程序员,十分优秀!