小编Geo*_*rge的帖子

如何删除 HTML/CSS 中段落下的多余空格

使用 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,但没有成功。

html css positioning

1
推荐指数
1
解决办法
7万
查看次数

javascript:具有默认值的文本框

我有默认值的文本框,当我尝试输入时,我无法输入值,我必须先使用删除键删除现有值,然后才能输入.

我想输入值并在标签上更改它也应该更改为另一个框,目前它正在更改焦点但我无法在其中输入值.

<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:来自数据库的值

谢谢,阿妮

javascript jquery

1
推荐指数
1
解决办法
5108
查看次数

使用CSS从左到右滑动背景颜色

我试图让背景色动画从左到右开始

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)

所以当我鼠标悬停时,我想从左到右开始黄色.作为背景颜色.

的jsfiddle

html css

1
推荐指数
1
解决办法
1万
查看次数

如何使用点击功能作为切换

我正在使用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",反之亦然.但似乎点击工作只有一次,当我第一次点击它将文本从"打开"更改为"关闭",但当我再次点击 - 没有任何反应...

jquery

0
推荐指数
1
解决办法
56
查看次数

分享这个窗口的onclick弹出窗口

因为我已经通过以下脚本嵌入了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)

那么请您建议我如何实现这一目标.

javascript sharethis

0
推荐指数
1
解决办法
2130
查看次数

在img hover Jquery上更改h1中的文本

我在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)

jquery image hover

0
推荐指数
1
解决办法
497
查看次数

如何在PHP中将日期dd/mm/YY转换为mm-dd-YY格式

我有一个示例代码:

<?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

php datetime date

0
推荐指数
1
解决办法
920
查看次数

jQuery IF/Else语句

我正在尝试运行检查以查看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)

css jquery if-statement

0
推荐指数
1
解决办法
123
查看次数

更简单的IF声明

我刚刚写了这篇文章,并且认为必须有一个更容易/更干净的方法来做到这一点,因为这样看起来很可怕:

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语句吗?

php if-statement

0
推荐指数
1
解决办法
94
查看次数

如何使用jQuery更改元素的颜色CSS属性

你如何在jQuery中更改CSS?我只是希望"有效VIN"的字体颜色为红色,这不起作用:

$("#result").html(<font color="red">"Valid VIN"</font>);
Run Code Online (Sandbox Code Playgroud)

css jquery

0
推荐指数
1
解决办法
57
查看次数

标签 统计

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