个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
基于本教程:
http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/
为什么我的内容总是向左移动而不居中？
我的意思是整个内容 div 从浏览器窗口的最左侧开始，然后返回到网站的中心。
总是向左移动然后返回到中心。
最初我的网站都在浏览器窗口的左侧，现在我决定将它全部移到中间。通过这样做，网站现在全部居中，但是当我单击“功能”选项卡时，我没有包含在代码中的 jQuery 动画将从浏览器的最左侧而不是中心执行。
我认为我的 CSS 中有某些东西导致了它。我还特意留下了 html head 标签。
<style type="text/css">
<!--
/** {
border: 1px solid red !important;
}*/
body {
background-color: #FFF;
text-align: center; /* Center align for IE */
}
#navwrapper {
width: 100%;
}
#header {
width: 100%;
height: 113px;
}
#listnav {
width: 996px;
height: 59px;
margin-left: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #393;
margin: 0 auto; /* Center align for Good browsers like Firefox, Opera, Netscape */
text-align: left;
}
#listnav ul {
list-style-type:none;
padding: 0;
margin: 0;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
}
#listnav li {
display: inline;
float: left;
margin-right: 4px;
width: 160px;
border: 1px solid #990;
border-bottom: none;
font-weight: lighter;
background-color: #9C0;
background-image: url(images/backtab.jpg);
background-repeat: repeat-x;
}
#listnav li a {
padding-top: 15px;
padding-right: 20px;
padding-bottom: 15px;
padding-left: 20px;
color: #FFF;
text-align: center;
display: block;
}
li {
text-decoration: none;
}
li a {
text-decoration: none;
}
#listnav li a:hover {
text-decoration: none;
background-color: #71BFEE;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
color: #FFF;
background-repeat: repeat-x;
}
#listnav li a:active {
text-decoration: none;
}
#listnav li a#current
{
color: #FFF;
background-color: #71BFEE;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
}
#nav {
margin: 0 auto;
}
#content {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
color: #333;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #990;
border-bottom-color: #990;
border-left-color: #990;
padding: 5px;
background-color: #FFF;
width: 984px;
margin: 0 auto;
text-align: left;
}
#foot a {
color: #FF9933;
float: none;
}
-->
</style>
<script src="jQuery/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#content").load('home.html');
$('#nav a').click(function(){
$("#nav").find("a").removeAttr("id");
$(this).attr("id" , "current" );
});
$('#nav li a').click(function(){
var toLoad = $(this).attr('href');
$('#content').hide('fast',loadContent);
function loadContent() {
$('#content').load(toLoad,'',showNewContent())
}
function showNewContent() {
$('#content').show('normal');
}
return false;
});
});
</script>
</head>
<body>
<div id="navwrapper">
<div id="header">
<img src="images/header.jpg" width="996" height="112" alt="myWebsite" longdesc="http://www.myWebsite.com" />
</div>
<div id="listnav">
<ul id="nav">
<li><a href="home.html" id="current">Home</a></li>
<li><a href="features.html" >Features</a></li>
</ul>
</div>
<div id="content">
<h2>Welcome!</h2>
</div>
<div id="foot">Copyright © 2010 All rights reserved. </div>
</div>
</body>
另外，我怎样才能把我的标题图片变成一个 href，这样当用户点击它时，就会转到 href url？
最佳答案
这可能是 hide()/show() 动画的产物(因为您使用了持续时间)..
如果您尝试使用不同的动画，例如 slideUp()/slideDown()，它工作正常..
[更新]
你的代码中的问题是
margin: 0 auto;
#content 规则..
它应该在 #navwrapper 规则中，它也不应该是 100% 而应该是 996px ... 这样整个站点就可以居中..
关于jquery - 为什么我的内容总是在 div 中向左移动？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2394426/
25
4
0
我不明白 int 63823 为何比 double 1.0 占用更少的空间。在这个特定实例中，int 中是否没有存储更多信息？ 最佳答案 I don't understand how an int 6
这可能不是一个直接的代码问题，但它是一个经常出现在 SO 上的问题，我发现阅读它非常有用。 App Store - Help answering “Missing Compliance” (using
我在我们的应用程序中使用 syncfusion 寻呼机和下拉列表请打开以下链接。 https://stackblitz.com/edit/angular-nv6myv?file=src%2Fapp%2
以便解释指针和引用in this question我写了这段代码。 MyClass& MyClass::MyInstance() { static MyClass & myLoca
在 C 和 C++ 中，assert 是一个非常 重量级例程，将错误写入 stdout 并终止程序。在我们的应用程序中，我们实现了一个更强大的 assert 替代品，并为其提供了自己的宏。已尽一切努力
我已经创建了一个 MVC webApi 项目，现在我想使用身份验证和授权。我想我已经实现了这种安全措施，但由于某种原因，有些事情变糟了，当我编写我的凭据并尝试调用一些 webApi 方法时，显示消息“
我发现自己使用一种奇怪的方式向我的函数添加回调函数，我想知道是否有更通用的方式向函数添加回调函数，最好的情况是我的所有函数都检查最后给定的作为函数的参数，如果是，则将其用作回调。 我以前是这样的: v
几乎从来没有我只想获取某个 Remote 的情况；我总是想要所有的 Remote 。我认为这将是一个足够常见的用例，git 会考虑它(与他们有 pull.rebase true 的方式相同)。 那么，
我正在尝试使用 inarray 但它总是返回 true？有任何想法吗？ (所有 li 均已显示) $("#select-by-color-list li").hide(); // get the se
我正在尝试为我公司的开发环境设置过期网址。我们使用 lighttpd在此环境中提供上传的文件，我发现 these docs这似乎相当有希望。 问题是我似乎根本无法让它工作，而且我有点不知所措，试图找出
我无法让“文件夹”外部变量工作。我总是得到[:]。 我正在 Windows 下的 Grails 上进行开发(这就是为什么外部配置文件看起来像 file:C:\path\to/file)。 我在另一个项
这个问题是出于对 PL 如何工作的好奇，而不是其他任何事情。 (它实际上是在查看与 Haskell 不同的 SML 时想到的，因为前者使用按值调用 - 但我的问题是关于 Haskell。) Haske
我有一个高速缓存内存模块，我希望它是可字寻址的，但有字节的写使能信号。 always @ (posedge clk) begin //stuff... if(write) begin
我正在处理一些代码，其中一个对象“foo”正在创建另一个对象对象“bar”，并向其传递一个Callable。之后 foo 将返回bar，然后我希望 foo 变得无法访问(即:可用于垃圾收集)。 我最初
我已将我的程序与此方法相关联: public static void CreateFileAssociation(string extension, string key, string descri
所以我正在进行目录遍历，但我无法让 opendir 按照我想要的方式工作。它总是无法打开我发送的目录，它给出了一些未知的错误。我通常传入 argv[1]，但我放弃了，只是开始硬编码路径。 char *
这个问题在这里已经有了答案: How do I compare strings in Java? (23 个回答) 关闭 9 年前。 出于某种原因，我的(基本)程序总是打印我为 else 语句保留的
我不想冒为此提出破解的风险，因为它涉及 datetime 对象。基本上，我想按如下方式进行转换: 2010-04-21 06:37:53 -> 2010-04-21 06:40:00 2010-08-
我正在用 C 语言玩文件 I/O。我正在尝试使用 fgets 从一个文件中读取数据并将其输出到另一个文件。问题是它总是返回 NULL，因此没有任何内容被复制到输出文件中。这是我的代码: #includ
class MyClass { // empty class with no base class }; int main() { MyClass* myClass = new MyC
我是一名优秀的程序员,十分优秀！