小编Arm*_*ngh的帖子

CSS margin-top无效

http://anonoz.com/armesh//contact_form/

上面的链接显示了我正在制作的联系表格.我试图让它像右边的图片.我必须给出margin-top20px 的文本"今天试试我们" .

HTML:

<body>

<div id="form_container">
    <div id="form_body">
        **<span class="form_head">Try us Today</span>**
        <br/>
        <span class="form_subhead">30 day money back gurantee</span>
                <form id="enquiry_form" method="post" action="scripts/contact-form-handler.php"> 

                        <input type="text" name="name" id="name" value="Name" />

                        <input type="text" name="contact" id="contact" value="Contact Number" />

                        <input type="text" name="e-mail" id="email" value="Email" />

                       <input id='submit_button' type="submit" value="Get Your Space - NOW" />
                </form>
    </div>    
</div>

<img src="form2.jpg"/>
</body> 
Run Code Online (Sandbox Code Playgroud)

CSS:

.form_head {
    margin-top: 20px;
    color:#58585a;
    font-size:22px;   
}
Run Code Online (Sandbox Code Playgroud)

CSS应该已经将.form_head20px压低了#form_bodydiv.但没有发生任何事 我甚至尝试过Firebug和Chrome开发人员工具,但没有弄清楚为什么会发生这种情况.我也尝试设置#form_bodydiv 的高度以匹配表单的高度,因此.form_head有空间被推下但它仍然无法正常工作.

我已经编码了3个月了,我经常遇到这种类型的问题.我总是通过简单地键入一些定位代码来完成它.

但是,我今天不想做同样的事情,但是想要理解为什么会发生这种情况以及如何以正确的方式解决它.请问有人可以解释一下并教育我吗?

html css margin css3

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

为什么datepicker()接受参数'getDate'?

var year= $("input[name=dateAccessed]").datepicker('getDate').getFullYear()
Run Code Online (Sandbox Code Playgroud)

上面的代码得到了datepicker中设置的日期,然后只获得了从date开始的年份,然后将其保存在名为year的变量中.

我知道这段代码将名为dateAccessed的输入字段转换为jQuery对象.由于它现在是一个jQuery对象,因此可以将jQuery方法应用于它.

然后我应用datepicker,是datepicker的方法还是对象?我不明白,因为它接受两个参数(使它成为一个方法)和属性(一个对象具有属性).有对象+方法之类的东西吗?

为什么datepicker接受参数('getDate')以返回所选日期?这是如何运作的?

如果datepicker有一个.getDate方法而不是更好吗?所以我们可以把它写成datepicker().getDate.getFullYear().

javascript jquery jquery-ui object datepicker

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

ZeroClipboard - 如何使用

我正在使用这个http://jonrohan.github.io/ZeroClipboard/

我花了整整一天来弄清楚如何使用ZeroClipboard(ZC).我甚至看说明书:https://github.com/jonrohan/ZeroClipboard/blob/master/docs/instructions.md 并跟着它一步一步来,不能做到这一点.

我一次又一次地尝试,但我无法让它工作.我甚至花了几个小时阅读stackoverflow和其他页面上的其他指南,但都无法让它工作.而且,大多数答案都已过时.

任何人都可以写一个复制段落标签的简单工作ZC代码:

<p>Hello, I'm Armesh</p> 
Run Code Online (Sandbox Code Playgroud)

然后只需告诉我ZC代码的每个部分以及为什么以这种方式编写它.

我计划使用ZC复制我的生成器生成的引用:http://anonoz.com/armesh/

这是我写的代码,所有链接引用都是正确的:

<!DOCTYPE HTML>
<html>
<head>
    <title>Zero Test</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="javascripts/ZeroClipboard.js"></script>
</head>

<script language="JavaScript">
$(document).ready(function() {

  var clip = new ZeroClipboard($("#copy_button"), {
      moviePath: "javascripts/ZeroClipboard.swf"
    });     
});
</script>

<body>
<button id='#copy_button' data-clipboard-target='to_copy'><b>Copy To Clipboard</b></button>

<p id='to_copy'>123456</p>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我还在谷歌浏览器中运行了上面的代码/网页,控制台中没有错误登录.这是空白的.

javascript copy zeroclipboard

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

标签 统计

javascript ×2

copy ×1

css ×1

css3 ×1

datepicker ×1

html ×1

jquery ×1

jquery-ui ×1

margin ×1

object ×1

zeroclipboard ×1