我完全不知道为什么这不起作用.由于某些原因,HTML文件似乎无法加载CSS,即使两者都在同一目录中.知道可能是什么问题吗？
的index.html
<!DOCTYPE html>
<html>
<head>
<title>Home Page</title>
<link rel="stylesheet" href="style.css" media="screen" />
<meta name="viewport" content="width=1100">
</head>
<body>
<div id="main"> Hello </div>
</body>
</html>
style.css文件
body{
background-color: #F9F9F9;
background-image: url(images/bg3.png);
background-position: center top;
background-repeat: repeat;
text-shadow: #FFFFFF 0px 1px 0px;
font-family: "Georgia", "Times", serif;
-webkit-font-smoothing: antialiased;
}
a{
text-decoration: none;
}
#main{
margin: 50px auto 50px auto;
width: 1000px;
min-height: 500px;
padding: 0px 20px 0px 20px;
}
以上不起作用.在index.html中添加内联的css工作正常
<!DOCTYPE html>
<html>
<head>
<title>Homepage</title>
<style type="text/css" media="screen">
body {
background-color: #F9F9F9; …我正在使用jQuery Validate插件,我遇到了一个问题.
每当有人在字段中写入内容,并且字段得到验证且没有错误时,仍会显示"错误消息框".
我的问题是,如何删除此框？
这是我的代码:
CSS:
.register-box .field .has-error{
border: 1px solid red !important;
}
.register-box .field .has-error.success {
border:none !important;
}
.register-box .field .has-success{
border: 1px solid #42CDA1 !important;
background: #EEFBF7 !important;
color: black !important;
border-bottom: 0px !important;
}
.register-box .success > .error{
border: 1px solid #42CDA1 !important;
}
.register-box .field .valid{
border: 1px solid #42CDA1 !important;
}
.register-box .error{
margin-left: 200px !important;
float: left;
width: 150px;
max-width: 150px;
text-align: left;
color: red;
background: red;
color: white;
font-weight: bold; …我试图在某个时间间隔内获取每个数组链接。例如：我得到第一个链接，等待 30 秒，下一个链接，等待 30 秒另一个链接等。这是我的代码：
var urls = [ 'http://mylink1','http://mylink2','http://mylink3','http://mylink4'];
setInterval(function(){
urls.forEach(function(entry){
console.log(entry);
ajaxd(entry);
console.log("merge pana aici");
});
},30000);
function ajaxd(my_url) {
$.ajax({
type : "POST",
url : my_url,
success : function(msg) {
console.log(my_url);
}
});
}
问题是，30 秒后我就得到了所有链接。不是第一个值，等待 30 秒，下一个值，依此类推。
我需要创建类似的东西:文本应该水平和垂直地位于正确的中间位置.我已经水平实现,但在垂直方面存在问题.因为,我的文字是动态的.有时它是两行文本,有时是四行或有时只有一行.
这是我的CSS代码:
.image-container { border:1px solid #CCC; height:300px; width:300px; position:relative; float:left; margin-left:20px; }
p {position:absolute; top:40%; text-align:center; width:100%; }
这是一个HTML:
<div class="image-container">
<p> One line Content works perfact</p>
</div>
<div class="image-container">
<p> Two line Content:Lorem Ipsum is simply dummy text of the printing </p>
</div>
<div class="image-container">
<p> Three Line Content:Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
请找到小提琴链接:http://jsfiddle.net/YK7V5/
这是我的样式表
<style>
table tr{ border:1px solid #F00 ; }
table td{ padding:20px; }
</style>
这是一个 HTML 代码：
<table class="" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>Test</td>
<td>testing</td>
</tr>
</table>
这是用于实时预览的 Fiddle 链接。 http://jsfiddle.net/Husen/tL7wK/