程序设计 html

22

我无法使Bootstrap下拉菜单正常工作。这是我的导航的html： <ul class='nav'> <li class='active'>Home</li> <li class='dropdown'> <a class="dropdown-toggle" data-toggle="dropdown" href='#'>Personal asset loans</a> <ul class="dropdown-menu" role="menu"> <li><a href="#">asds</a></li> <li class="divider"></li> </ul> </li> <li>Payday loans</li> <li>About</li> <li>Contact</li> </ul> 这是脚本： <script type="text/javascript" src="js/bootstrap/bootstrap-dropdown.js"></script> <script> $(document).ready(function(){ $('.dropdown-toggle').dropdown() }); </script> 我究竟做错了什么？感谢您的回答！

79 html drop-down-menu twitter-bootstrap

5

如何选择具有特定类别的元素？

我的理解是，使用element.class应该允许分配给类的特定元素接收与该类其余部分不同的“样式”。这不是关于是否应该使用它的问题，而是我正在尝试了解此选择器是如何工作的。通过查看互联网上的大量示例，我相信语法是正确的，并且不明白为什么它不起作用。这是一个例子： CSS： h2 { color: red; } .myClass { color: green; } h2.myClass { color: blue; } HTML： <h2>This header should be RED to match the h2 element selector</h2> <div class="myClass"> <h1>This header should be GREEN to match the class selector</h1> <h2>This header should be BLUE to match the …

79 html css syntax css-selectors

10

使用jquery / ajax刷新/重新加载Div中的内容

我想在单击按钮时重新加载div。我不想重新加载整个页面。这是我的代码： HTML： <div role="button" class="marginTop50 marginBottom"> <input type="button" id="getCameraSerialNumbers" value="Capture Again" class="disabled" /> <input type="button" id="confirmNext" value="Confirm & Proceed" class="disabled marginLeft50" /> </div> 单击<input type="button" id="getCameraSerialNumbers" value="Capture Again">按钮后，<div id="list">....</div>应该重新加载而不加载或刷新整个页面。以下是我尝试过但无法正常工作的Jquery：- $("#getCameraSerialNumbers").click(function () { $("#step1Content").load(); }); 请提出建议。这是我页面上的DIV，其中包含一些产品的图片和序列号...这将是第一次加载时来自数据库的信息。但是，如果用户遇到问题，他将单击“再次捕获”按钮“ <input type="button" id="getCameraSerialNumbers" value="Capture Again">”，这将再次加载这些信息。 Div的HTML代码：- <div id="step1Content" role="Step1ShowCameraCaptures" class="marginLeft"> <form> <h1>Camera …

79 javascript jquery html css ajax

11

如何使用引导程序给按钮之间留出间距

我想给按钮之间留一个间距，有没有一种方法可以使用自举来给间隔，以便它们在不同的屏幕分辨率下保持一致。我尝试使用margin-left但这是正确的方法吗？这是演示 HTML： <div class="btn-toolbar text-center well"> <button type="button" class="btn btn-primary btn-color btn-bg-color btn-sm col-xs-2 margin-left"> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> ADD PACKET </button> <button type="button" class="btn btn-primary btn-color btn-bg-color btn-sm col-xs-2 margin-left"> <span class="glyphicon glyphicon-edit" aria-hidden="true"></span> EDIT CUSTOMER </button> <button type="button" class="btn btn-primary btn-color btn-bg-color btn-sm col-xs-2 margin-left"> <span …

79 html css twitter-bootstrap

5

为div扩展全高

有没有一种方法可以使div扩展到最大高度？我的脚注也很粘。这是网页：网站已删除。我要说的中间部分是白色div，中间内容具有CSS值： .midcontent{ width:85%; margin:0 auto; padding:10px 20px; padding-top:0; background-color:#FFF; overflow:hidden; min-height:100%; max-width:968px; height:100%; } 所以是的，显然height:100%没有用。此外，所有父容器都有高度设置。这是一般结构 <body> <div id="wrap"> <div id="main"> <div class="headout"> <div class="headimg"></div> </div> <div class="midcontainer"></div> </div> </div> <div id="footer"> <div class="footer"></div> </div>

79 css xhtml html

8

停止在页面加载时触发CSS过渡

我transition在页面加载时触发了CSS属性beeing的问题。问题是，当我将acolor transition应用于元素时（例如：），transition: color .2s然后在页面首次加载时，我的元素从黑色闪烁到它自己分配的颜色。假设我有以下代码：的CSS p.green { color: green; transition: color .2s; -moz-transition: color .2s; -webkit-transition: color .2s; -o-transition: color .2s; } p.green:hover { color: yellow; } 的HTML <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> …

79 html css google-chrome

10

CSS background-image-opacity？

与如何使用CSS为文本或图像提供透明背景相关？，但略有不同。我想知道是否可以更改背景图像的Alpha值，而不仅仅是颜色。显然，我可以使用不同的Alpha值保存图像，但是我希望能够动态调整Alpha。到目前为止，我最好的是： <div style="position: relative;"> <div style="position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-image: url(...); opacity: 0.5;"></div> <div style="position: relative; z-index: 1;">  </div> </div> 它可以工作，但是又笨重又丑陋，并且在更复杂的布局中使事情变得混乱。

79 html css

7

输入类型“数字”不会调整大小

将类型更改为type="number"但可以使用时，为什么不调整输入大小type="text"？例 Email: <input type="text" name="email" size="10"><br/> number: <input type="number" name="email" size="10">

79 html text input resize numbers

11

如何防止用户在不禁用字段的情况下输入文本字段？

我试过了： $('input').keyup(function() { $(this).attr('val', ''); }); 但输入字母后会略微删除输入的文本。是否有任何方法可以防止用户完全输入文本而无需禁用文本字段？

79 javascript jquery html

3

使画布与父对象一样宽和一样高

我想制作一个矩形画布来模拟进度条，但是当我将画布的宽度和高度设置为100％时，它实际上并没有使其高度和父级一样高请参见下面的示例 http://jsfiddle.net/PQS3A/ 甚至可以制作非正方形的画布吗？我不想对画布的高度和宽度进行硬编码，因为在更大或更小的屏幕（包括移动设备）上查看时，画布应该动态更改

79 javascript css html canvas

4

是否可以始终显示输入“数字”的上/下箭头？

我想始终显示输入“数字”字段的上/下箭头。这可能吗？到目前为止，我还没有任何运气... http://jsfiddle.net/oneeezy/qunbnL6u/ HTML： <input type="number" /> CSS： input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: "Always Show Up/Down Arrows"; }

79 html css input webkit shadow-dom

5

`＆mdash;或`＆＃8212;`HTML输出是否有区别？

&mdash; 要么 &#8212; 这些之间有区别吗？一个支持比另一个更好吗？

79 html ascii

13

HTML / CSS中的单选/复选框对齐

将单选按钮/复选框与文本正确对齐的最干净方法是什么？到目前为止，我一直使用的唯一可靠的解决方案是基于表的： <table> <tr> <td><input type="radio" name="opt"></td> <td>Option 1</td> </tr> <tr> <td><input type="radio" name="opt"></td> <td>Option 2</td> </tr> </table> 有些人可能会对此表示不满。我刚刚花了一些时间（再次）研究无表解决方案，但失败了。我尝试了浮动，绝对/相对定位和类似方法的各种组合。它们不仅不依赖于单选按钮/复选框的估计高度，而且在不同浏览器中的行为也不同。理想情况下，我想找到一种不假设任何有关大小或特殊浏览器怪癖的解决方案。我可以使用表格，但我想知道还有其他解决方案。

79 html css checkbox radio-button

7

使用CSS3生成重复的六角形图案

因此，我需要使用CSS制作重复的六角形图案。如果需要图像，我可以去那里，但如果可能的话，我宁愿只使用CSS。这是我要创建的内容的想法：基本上，我只需要一种创建六边形形状的方法，然后将文本/图像覆盖在它们之上。我还没有太多代码，因为我不太确定从哪里开始。问题是，我可以只使用<div>六角形的s，如（http://css-tricks.com/examples/ShapesOfCSS/）所示，但是这样它们就不会连接了。我可以使用重复的六边形图案，但无法指定特定形状的文本或图像的确切位置。感谢您的任何提前帮助。

79 html css css-shapes

4

在通过DomDocument（PHP）加载格式不正确的HTML时禁用警告

我需要解析一些HTML文件，但是它们的格式不正确，PHP向其输出警告。我想以编程方式避免这种调试/警告行为。请指教。谢谢！码： // create a DOM document and load the HTML data $xmlDoc = new DomDocument; // this dumps out the warnings $xmlDoc->loadHTML($fetchResult); 这个： @$xmlDoc->loadHTML($fetchResult) 可以禁止显示警告，但是如何以编程方式捕获这些警告？

79 php html warnings domdocument

Questions tagged «html»