Tag: html

HTML5垂直间距问题与<img>

我试图创build一个布局，divs之间的垂直间距是像素完美的。 到目前为止，我已经排除了几乎所有的大网格系统（960.gs，Blueprint），因为它们在垂直间距方面根本没有解决scheme。 有了它们，设置div之间的垂直间距的唯一方法是使用body {line-height}属性并使用它来操作div间距。 我不会说这是一个解决scheme，因为它毁了你的模板，依赖于font-family，并且不允许你为不同的div使用不同的间距。 我发现的唯一一个对垂直间距有适当支持的网格系统是Golden Grid ，它不使用body {line-height}，但是它有自己的.clear {height：5px}用于垂直间距。 我的问题是，不pipe我怎么尝试，我都无法在HTML5中进行间距工作。 我说的是垂直排列的图像，它们之间没有空隙。 在XHTML过渡模式下，一切正常，图像完美alignment，但在HTML5模式下，它们之间有一个垂直的差距。 Chrome浏览器的差距是2px，Firefox浏览器的差距是2-3px，两行之间交替。 我认为在HTML5模式下，每个网格系统都是这种情况。 我不知道用简单的HTML5编写这个代码的最好方法是什么，所以我只是尝试了网格系统。 纵向差距也出现在960.gs，蓝图中。 我find的解决scheme可能是设置body {line-height：0}并在每个印刷标签中定义行高。 但是我不明白，为什么这样一个简单的案例需要这样的黑客攻击：垂直排列的图像。 为什么HTML5模式的浏览器与XHTML Transitional模式不同？ 在这里，我有相同的页面，没有什么改变，只是文档types。 XHTML在每个浏览器都是像素完美的，HTML5有一个差距，并且不同于浏览器。 使HTML5例子像XHTML过渡类一样工作的最好方法是什么？ 更新 ：三十多岁的回答了这个问题，如果我包括img {display：block; } HTML5版本的行为与XHTML Transitional完全相同。 谢谢三十！ 但在closures这个线程之前，有人可以向我解释为什么： 为什么所有的浏览器在HTML5模式下行为都不一样，当没有指定为display：block时，所有的浏览器在img元素之间都有不同的垂直间距。 浏览器比较浏览器上面的html5链接，浏览器和浏览器会有所不同。 他们之间有2至4像素的差距。 为什么XHTML Transitional不需要这个黑客 为什么XHTML Strict也会产生一个垂直的差距 使用img {display：block; 在一个reset.css表？

如何将PHPvariables值赋给Javascriptvariables？

可能重复： 将PHPvariables传递给Javascript的最佳方式是什么？ 我正在使用下面的代码： <script type="text/javascript"> <?php $ctnme = $_SERVER['REQUEST_URI']; $cnme = explode("/",$ctnme); echo $cname = $cnme[1]; ?> var spge = <?php echo $cname; ?> ; alert(spge); </script> 该值不会提醒。 什么错误？

HTML：href语法：可以在文件名中有空格吗？

一直以来我的做法是，当我使用图像时，我将它们命名为walls_ico ， bu_hover 所以当我给path他们走 <img src="images/walls_ico.ico" /> <img src="buttons/bu_hover.png" /> 直到现在，当我在用户上传文件的项目… 我想知道是否可以在文件和文件夹名称之间有空格 <img src="buttons/bu hover.png" />

JavaScript YAMLparsing器

我正在寻找一个JavaScript YAMLparsing器，它将YAML转换成HTML页面中可用的东西。 我已经在Github（ https://github.com/visionmedia/js-yaml ）上试过这个版本，但是它看起来只能用于node.js 我应该使用哪些库，是否有示例代码来显示示例用法？

inputtypesDateTime – 值的格式？

我应该使用哪种格式的date和时间，用于使用DateTimetypes的HTML5input元素？ 我努力了： 1338575502 01/06/2012 19:31 01/06/2012 19:21:00 2012-06-01 2012-06-01 19:31 2012-06-01 19:31:00 他们似乎没有任何工作。

在HTML页面中显示XML内容

如何在同一页面显示XML和其他types的数据？ <?xml version="1.0" encoding="ISO-8859-1"?> <catalog> <cd> <title>Empire Burlesque</title> <artist>Bob Dylan</artist> <country>USA</country> <country>Columbia</country> <price>10.90</price> <year>1985</year> </cd> </catalog> 上面的XML应该像格式化一样显示。 另外，我想在我的页面中显示HTML表格和其他东西。 如何做到这一点？ 我确实通过文件获取了STRING中的XML。 我不想parsing它 我想显示（就是这样） 如果你谈到XSLT（请举例） 我想使用Jquery插件（任何例子？）

如何用<input type =“file”>select多个文件？

如何用<input type="file">select多个文件？

如何检查列表是否被sorting？

我正在做一些unit testing，我想知道是否有任何方法来testing列表是否由它包含的对象的属性sorting。 现在我正在这样做，但我不喜欢它，我想要一个更好的方法。 有人可以帮我吗？ // (fill the list) List<StudyFeedItem> studyFeeds = Feeds.GetStudyFeeds(2120, DateTime.Today.AddDays(-200), 20); StudyFeedItem previous = studyFeeds.First(); foreach (StudyFeedItem item in studyFeeds) { if (item != previous) { Assert.IsTrue(previous.Date > item.Date); } previous = item; }

根据以前的下拉选项显示第二个下拉菜单

首先，我讨厌提出一个已经处理的问题，但你应该知道我在这个网站上find的其他选项并不适合我。 基本上，我想要构造一个简短的表单，其中有两个下拉框。 第一个总是显示，第二个是默认隐藏的。 当第一个下拉框中的某个选项被选中时，我想要显示第二个下拉框。 这是我的意思的一个完美的例子： http://jsfiddle.net/whkQw/20/ 然而，与上面的例子不同，我有一个单独的选项集，显示在第一个下拉框中select的每个选项的下拉框中，而不仅仅是其中的一个选项。 换句话说，在上面的例子中，如果你select“中国”，第二个下拉框会出现，但如果你select了其他东西，它将保持隐藏状态。 这不是我想要的。 如果您select了“台湾”，我想要显示一个不同的下拉菜单，如果您为每个选项select了“德国”等，还要显示不同的下拉菜单。 我试图简单地在每个选项中重复该示例中的JavaScript，相应地更改名称标签，但这并不起作用（当谈到Javascript时，我是一个新手）。 所以我碰到这个例子，这正是我正在寻找的东西： http://jsfiddle.net/e9XvP/ 但由于某种原因，这段代码似乎不适合我。 它根本没有任何作用; 不pipeselect什么，第二个下拉列表都保持隐藏状态。 我的下拉列表比上面例子中的更多，更冗长。 这里是我现在的HTML： 下拉菜单1 <div class="ccms_form_element cfdiv_custom" id="style_container_div"> <label>Choose Rank: </label><select size="1" id="Rank" class=" validate['required']" title="" type="select" name="Rank"> <option value="">-Select Your Rank-</option> <option value="Airman">Airman</option> <option value="Airman First Class">Airman First Class</option> <option value="Senior Airman">Senior Airman</option> <option value="Staff Sergeant">Staff Sergeant</option> <option value="Senior […]

使用JavaScriptdynamic添加/删除表格行

我试图添加/删除这个例子和这个例子中的表行。 这是我的代码： HTML表单 <div id="POItablediv"> <input type="button" id="addPOIbutton" value="Add POIs"/><br/><br/> <table id="POITable" border="1"> <tr> <td>POI</td> <td>Latitude</td> <td>Longitude</td> <td>Delete?</td> <td>Add Rows?</td> </tr> <tr> <td>1</td> <td><input size=25 type="text" id="latbox" readonly=true/></td> <td><input size=25 type="text" id="lngbox" readonly=true/></td> <td><input type="button" id="delPOIbutton" value="Delete" onclick="deleteRow(this)"/></td> <td><input type="button" id="addmorePOIbutton" value="Add More POIs" onclick="insRow()"/></td> </tr> </table> </div> JavaScript的 function deleteRow(row) { var i=row.parentNode.parentNode.rowIndex; document.getElementById('POITable').deleteRow(i); […]