使用 HTML 和 CSS,我在 ap 标签和图像之间有这个垂直空间。它看起来像这样:

看到“你好”和图像之间额外的垂直空间了吗?我该如何删除它?我知道我绝对可以将图像定位得更靠近“你好”,但我想知道是什么造成了这个空间。
我的代码:
HTML:
<div class="Box">
<p> hello </p><img class="contextimg" WIDTH="50" HEIGHT="50" SRC="pic.jpg">
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
.Box //this is the parent div
{
background-color:red;
width:60px;
margin:0px;
margin-bottom: 0px;
padding:0px;
}
.contextimg //this is for the image
{
position:relative;
margin:0px;
padding:0px;
line-height:0px;
}
Run Code Online (Sandbox Code Playgroud)
注意:我也尝试将正文的边距和填充设置为 0,但没有成功。
我有默认值的文本框,当我尝试输入时,我无法输入值,我必须先使用删除键删除现有值,然后才能输入.
我想输入值并在标签上更改它也应该更改为另一个框,目前它正在更改焦点但我无法在其中输入值.
<input type="text" name="namebox" id="{concat('textboxvalue', position())}" value="{@proj}" style="font-size:10px;padding:0px;height:15px;width:90px;text-align:right;"/>
Run Code Online (Sandbox Code Playgroud)
@proj:来自数据库的值
谢谢,阿妮
我试图让背景色动画从左到右开始
ul.vert-one{
margin:0;padding:0;
list-style-type:none;
display:block;
font:bold 16px Helvetica, Verdana, Arial, sans-serif;line-height:165%;
width:200px;
}
ul.vert-one li{
margin:0;padding:0;border-top:1px solid #4D0000;
border-bottom:1px solid white;
}
ul.vert-one li span{display:block;text-decoration:none;color:white;
background:#600;padding:0 0 0 20px;width:180px;}
ul.vert-one li span:hover{
background:yellow url("images/vert-one_arrow.gif") no-repeat 0 9px;}Run Code Online (Sandbox Code Playgroud)
<div style="background:gray">
<ul class="vert-one" >
<li>
<div>
<span>home</span>
</div>
</li>
<li>
<div>
<span>blog</span>
</div>
</li>
</li>
<li>
<div>
<span>About Us</span>
</div>
</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
所以当我鼠标悬停时,我想从左到右开始黄色.作为背景颜色.
我正在使用jQuery 1.3.2(由于drupal6无法更新)
jQuery的
$(document).ready(function() {
var textcontent = $('.trig').text();
$('.trig').click(function() {
if (textcontent == 'Open') {
$(this).text('Close').addClass('not-trig');
} else if (textcontent == 'Close') {
$(this).text('Open');
}
})
});
Run Code Online (Sandbox Code Playgroud)
HTML
<div class="trig">Open</div>
Run Code Online (Sandbox Code Playgroud)
我想做什么:
当您单击带有.trig类的div时,它应该再次单击时将文本"OPEN"更改为"close",反之亦然.但似乎点击工作只有一次,当我第一次点击它将文本从"打开"更改为"关闭",但当我再次点击 - 没有任何反应...
因为我已经通过以下脚本嵌入了sharethis插件,它会弹出鼠标悬停事件的共享窗口.但我只需要在Onclick事件上弹出.
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
stLight.options({
publisher:"c7a25472-030e-48ce-b630-a71f99cc53d9"
});
</script>
<span class="st_sharethis_custom" displayText="Share">Share</span>
Run Code Online (Sandbox Code Playgroud)
那么请您建议我如何实现这一目标.
我在Jquery/Javascript中寻找可以在悬停在图像上时更改H1内容的脚本.
想象一下,连续有6个不同的图像.当悬停在图像上时,会发生h1的变化.
这是我能得到的最接近的,但我想让它在Hover上工作,而不是点击.
var random = Math.floor(Math.random() * 1000);
var $li = $("#gallery li");
$li.eq(random % $li.length).addClass("on");
$("h1").text($("img", ".on").attr("alt"));
$("#gallery li").click(function() {
$("#gallery li").removeClass("on");
$(this).addClass("on");
$("h1").text($("img", ".on").attr("alt"));
});
Run Code Online (Sandbox Code Playgroud) 我有一个示例代码:
<?php
$string = '07/01/2014'; // today format d/m/YY
echo date("m-d-Y", strtotime($string)); // result is 07-01-2014
?>
Run Code Online (Sandbox Code Playgroud)
=>如何修复它的结果是01-07-2014今天的格式m-d-Y
我正在尝试运行检查以查看CSS'display'属性是否设置为"none",如果要将slideDown元素设置为"menuBK",否则请滑动"menuBK",但我收到错误IF线.
$(document).ready(function(){
$("#burger").click(function(){
if $("#menuBK").css( "display", "none" ); {
$("#menuBK").slideDown('slow');
$('body').addClass('noscroll');
} else {
$("#menuBK").slideUp('slow');
$('body').removeClass('noscroll');
}
});
});
Run Code Online (Sandbox Code Playgroud) 我刚刚写了这篇文章,并且认为必须有一个更容易/更干净的方法来做到这一点,因为这样看起来很可怕:
if(isset($_GET['m']) && isset($_GET['v'])) {
Router::Get($_GET['m'], $_GET['v']);
} elseif(isset($_GET['m'])) {
Router::Get($_GET['m'], "");
} else {
Router::Get("", "");
}
Run Code Online (Sandbox Code Playgroud)
我正在寻找一种更干净的方式,比如:
Router::Get(is('m'), is('v'));
Run Code Online (Sandbox Code Playgroud)
有什么建议可以缩短/清理这种if语句吗?
你如何在jQuery中更改CSS?我只是希望"有效VIN"的字体颜色为红色,这不起作用:
$("#result").html(<font color="red">"Valid VIN"</font>);
Run Code Online (Sandbox Code Playgroud) jquery ×5
css ×4
html ×2
if-statement ×2
javascript ×2
php ×2
date ×1
datetime ×1
hover ×1
image ×1
positioning ×1
sharethis ×1