我有这样的代码:
<div id="sc">
<h1>1. Orange</h1>
<p>some text in here </p>
</div>
<img class="separator" src="images/separator.png" />
"sc"div和"separator"img之间总共有13px的差距.
两者的边距和填充都设置为0,null,空,没有.哎呀.我很生气; d
我试图弄清楚萤火虫发生了什么,但它们之间的空间不属于任何东西,它不是边缘,不是填充物,到底是什么？
没有浮点数,没有显示设置,没有继承的边距或填充.
我的代码出了什么问题？我一直试图删除HTML中的空格但没有帮助(顺便说一句,如果我把分隔符放在"sc"div之上,那么也有一些差距,但是更小).
谢谢.
[添加]
CSS样式:
.separator {
margin: 0;
padding: 0;
}
#sc {
text-align: justify;
padding: 0;
margin: 0;
background-image: url('images/bg.png');
background-repeat: repeat-y;
width: 970px;
}
我迷失了一点.
假设我有一个动态的页脚边栏.容易到目前为止.
<footer>
<?php get_sidebar("name") ?>
</footer>
在页脚中显示它.
但我们在这里.我想在我的网格中使用EACH小部件:
<footer>
<div style="width: 100px:">
<div style="width: 25%">First widget here</div>
<div style="width: 25%">Second widget here<</div>
<div style="width: 25%">Third widget here<</div>
<div style="width: 25%">Fourth widget here<</div>
</div>
</footer>
因此get_sidebar现在不是一个选项,因为它会连续显示所有小部件.而且我不想自己编辑小部件.
他们如何在主题中做到这一点？
谢谢.
嘿,我有一个明显的问题.
对于像这样的代码
<div>
<p>We want to format this text :)</p>
</div>
有些人使用选择器:
div > p {
something
}
和别的:
div p {
something
}
这种情况有什么不同？在我看来 - 没有？
顺便说一句,后代项目不是一个孩子吗？!这两者有什么区别？我正在阅读w3.org,但无法得到它:)
谢谢!
我想只选择"下拉菜单"中的第一个链接(带有"ONE"文本的链接),但是:first-child全部选择它们.
链接:
很抱歉HTML部分的混乱,但我正在定制Wordpress主题,它产生了很多类和ID.
最重要的是CSS文件的末尾.
链接的风格:
#carousel ul li {
display: inline-block;
border: solid 1px red;
margin: 50px 25px 50px 25px;
width: 350px;
height: 300px;
}
jQuery的代码:
var height = $("#carousel ul li").outerHeight();
document.write(height);
它说元素的高度是302px!为什么？它可能是带边框的302,但不应该是outerHeight显示300 + 2 + 100(顶部和底部边距都是50 px).
我糊涂了.
谢谢.
在我不知道父元素的情况下,我无法想出选择第n个元素,最后一个元素或第一个元素的方法.nth-child存在,但仅限于儿童,例如:
<div>
<p>One</p>
<p>Two</p>
</div>
p:last-child选择"Two"段落,并p:first-child选择"One"段落.但是,当我有动态代码并且不知道父名称是什么,甚至是父母的真实情况(可能是div,span,anchor,ul等)时呢？
例如:
<youdontknowwhat!>
<p class="select-me">One</p>
<p class="select-me">Two</p>
</youdontknowwhat!>
我如何在这里选择第二段？(我无法选择,youdontknowwhat!因为我真的不知道它是什么元素(它只是一个假设的名字).
为何会出现first-child,last-child以及nth-child选择和NO :first,:last,:nth(像.select-me:first)？
$("#clickMe").click(
function(){
if (i == 1) {
i = i+1
$("#div p").css("left", "-" + width * i + "px");
}
});
正如您所看到的那样 - 当有人点击按钮时,margin会发生变化.如果我希望它每隔10秒就在网站上加载怎么办？
谢谢.
我有问题
我想在每个带有“ .shadowed”类的图像下添加一个shadow.jpg图像。
所以：
.shadowed {
border: solid 1px #fff;
margin: 15px;
}
然后我们使用：after：
.shadow:after {
content: url('images/shadow.png');
}
好的，看起来还可以，但是阴影也使他的父母处于边界，例如：
我想要这样：
那么如何避免：边界继承后呢？
我知道我可以将所有内容放宽并使用：first-child border或类似的东西，但是我不想这样做，这会弄乱我的标记。
或者，也许还有另一种简单的方法来放置图像（允许PHP）。
干杯:)
像其他人一样,我将我的网站显示信息存储在样式表文件中.我想创建后端cms,以便用户能够,例如,更改<h1>颜色,大小等.
那么,在我的CSS文件中嵌入PHP代码的正确方法是什么？
是添加此标头:
<?php header("Content-type: text/css"); ?>
并在链接中更改文件扩展名:
<link rel="stylesheet" type="text/css" media="screen" href="style.php">
有效？
那JavaScript呢？此刻我正在回应<script type="text/javascript">标签,但是也许还有一种方法可以将所有内容嵌入.js文件中？
谢谢!
嘿! 另一个小问题(这不是jQuery中的错误吗？).
我有一个像这样的textarea:
<textarea>Something</textarea>
我想在点击后删除"Something",所以:
$("textarea").click(function() {
$(this).text("");
});
好到目前为止.当我想要在我的textarea中有"Something"时更改"Something"文本时会出现问题:
$("textarea").click(
function() {
if ($(this).text() === "Something") {
$(this).text("");
}
});
它适用于所有不同的输入,但不适用于textarea.它没有"if"循环,效果很好,所以这里发生了什么？:)
非常感谢!
编辑
好的,所以这是我的"真实代码":
$(".inp").click(
function(){
if($(this).val() === "Text" || $(this).val() === "Name" || $(this).val() === "Mail" || $(this).val() === "Site" ) {
$(this).val("");
}
});
HTML:
<form>
<fieldset>
<input type="text" name="name" class="inp" value="Name" /> <br />
<input type="text" name="email" class="inp" value="Mail" /> <br /> <input type="text" name="site" class="inp" value="Site" />
<textarea rows="12" name="text" class="inp">Text </textarea>
</div>
除了textarea之外,它适用于所有输入.