Tag: XHTML
CSS：hover一个元素，效果为多个元素？
我正在寻找我hover问题的方法。 <div class="section"> <div class="image"><img src="myImage.jpg" /></div> <div class="layer">Lorem Ipsum</div> </div> 现在，这两个类（图像和图层）都有边框，都具有不同的颜色，用于常规和hover。 有没有办法做到这一点，如果我hover层类，层和图像类hover边框颜色是活动？ 反之亦然？
xHTML / CSS：如何使内部div得到100％宽度减去另一个div宽度
我有两个嵌套的div内外，其中有宽度：100％。 两个嵌套div应该在一行，首先应该从它的内容得到它的大小： <div id="#outer" style="width:100%; border:1px"> <div id="#inner1" style="border:1px; display:inline"> inner div 1. Some text… </div> <div id="#inner2" style="width:100%????; border:1px; display:inline"> inner div 2… </div> </div> 问题是如果＃inner2 div的宽度没有被指定，并且取决于它在里面是什么，如何让＃inner2 div获得水平空间的其余部分？ PS在我的情况下，所有样式都在不同的类中，为了简化起见，我把CSS放在样式属性中。 我想要结果在IE7 +和FF 3.6中工作 在我看来更多的细节看起来像这样： <style type="text/css"> .captionText { float:left; } .captionLine { height: 1px; background-color:black; margin: 0px; margin-left: 5px; margin-top: 5px; border: 0px; padding: 0px; […]
HTML的隐藏function
HTML是最广泛使用的语言（至less作为标记语言）还没有得到应有的赞誉。 考虑到它已经存在了很多年了，像FORM / INPUT控件这样的东西仍然保持不变，没有添加新的控件。 因此，至less从现有的function，你知道任何function不知名，但非常有用。 当然，这个问题大致如下： JavaScript的隐藏特性 CSS的隐藏特性 C＃的隐藏特性 VB.NET隐藏的function Java的隐藏特性 传统ASP的隐藏function ASP.NET的隐藏function Python的隐藏特性 TextPad的隐藏function Eclipse的隐藏特性 不要提到HTML 5.0的特性，因为它在工作草案中 请为每个答案指定一个function 。
<script>标签是否可以自行closures？
我在我的网站上有这个代码 <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"/> <script type='text/javascript' src='/lib/player/swfobject.js'></script> swfobject不工作（未加载）。 将代码更改为： <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script type='text/javascript' src='/lib/player/swfobject.js'></script> 它工作正常。 该文件被parsing为HTML5。 我觉得很有趣 好的，授予一个closures的标签和一个自动closures的标签是不一样的。 所以我会明白，如果jQuery无法加载（虽然我觉得它荒谬）。 但我不明白的是，jQuery加载，但以下，正确书写标签，不？
实体名称必须紧跟在实体引用中的“＆”之后
我想在我的* .xhtml页面上放置一个packman游戏（我使用jsf 2和primefaces 3.5） 然而， 当我在xhtml中“翻译”html页面时，在这个脚本中出现错误： <script> var el = document.getElementById("pacman"); if (Modernizr.canvas && Modernizr.localstorage && Modernizr.audio && (Modernizr.audio.ogg || Modernizr.audio.mp3)) { window.setTimeout(function () { PACMAN.init(el, "./"); }, 0); } else { el.innerHTML = "Sorry, needs a decent browser<br /><small>" + "(firefox 3.6+, Chrome 4+, Opera 10+ and Safari 4+)</small>"; } </script> 在线： if (Modernizr.canvas […]
将居中文本添加到类似<hr />的行的中间
我想知道在xhtml 1.0中有什么选项可以严格在文本的两侧创build一行： 第一节 ———————–下一节———————– 第二节 我想过做一些这样的奇特的事情： <div style="float:left; width: 44%;"><hr/></div> <div style="float:right; width: 44%;"><hr/></div> Next section 或者，因为上面的alignment有问题（纵向和横向）： <table><tr> <td style="width:47%"><hr/></td> <td style="vertical-align:middle; text-align: center">Next section</td> <td style="width:47%"><hr/></td> </tr></table> 这也有alignment问题，我解决这个混乱： <table><tr> <td style="border-bottom: 1px solid gray; width: 47%"> </td> <td style="vertical-align:middle;text-align:center" rowspan="2">Next section</td> <td style="border-bottom: 1px solid gray; width: 47%"> </td> </tr><tr> <td> </td> <td> </td> </tr></table> 除了alignment问题之外，这两个选项都会感到“肮脏”，如果您碰巧遇到过这种优雅的解决scheme，我会非常感激。
如何居中alignment水平<UL>菜单？
我需要居中alignment一个水平菜单。 我尝试了各种解决scheme，包括inline-block / block / center-align等的混合，但没有成功。 这是我的代码： <div class="topmenu-design"> <!– Top menu content: START –> <ul id="topmenu firstlevel"> <li class="firstli" id="node_id_64"><div><a href="#"><span>Om kampanjen</span></a></div></li> <li id="node_id_65"><div><a href="#"><span>Fakta om inneklima</span></a></div></li> <li class="lastli" id="node_id_66"><div><a href="#"><span>Statistikk</span></a></div></li> </ul> <!– Top menu content: END –> </div> UPDATE 我知道如何在divalignmentul 。 这可以用Sarfraz的build议来完成。 但是列表项目仍然在ul内部左侧浮动。 我是否需要使用Javascript才能完成此操作？
锚标记的底部的空白空间
我有一个标签周围的图像。 我在标签所在的div上设置了一个边框。我将margin和padding设置为0，但由于某种原因，我的标签仍然比我的图片高出3个像素。 这会在图像和边框之间留下一些空隙，破坏我想要完成的外观。 我究竟做错了什么？ 我已经在FireFox和Chrome中进行了testing，结果相同。 谢谢
与CSS粘页脚问题
我正在尝试实现一个CSS粘页脚。 问题是有一个内容DIV超出其容器，导致滚动条，这是不可取的，背景图像悬挂在页面div不扩展文档的整个高度。 这是我的HTML： <div id="page"> <div id="header"> <dl> <dt>Header links -</dt> <dd><a href="#">link 1</a></dd> <dd><a href="#">link 2</a></dd> <dd><a href="#">link 3</a></dd> </dl> </div> <div id="content"> <p><a id="modal" href="popup.html" target="_blank">link to popup</a></p> </div> <div id="footer"> <dl> <dt>Footer links -</dt> <dd><a href="#">link 1</a></dd> <dd><a href="#">link 2</a></dd> <dd><a href="#">link 3</a></dd> </dl> </div> </div> 这里是CSS： /*————————————————————— global */ html, body […]
如果包含另一个块元素，将块元素更改为内联CSS是错误的吗？
我知道在一个内联元素中放置一个块元素是错误的，但是下面的内容呢？ 想象一下这个有效的标记： <div><p>This is a paragraph</p></div> 现在添加这个CSS： div { display:inline; } 这创build了一个内联元素包含一个块元素的情况（div变成了内联，并且p是默认的块） 页面元素是否仍然有效？ 如何判断HTML是否有效 – 在应用CSS规则之前还是之后？ 更新：我从那里了解到，在HTML5中，将块级元素放入链接标记是完全有效的，例如： <a href="#"> <h1>Heading</h1> <p>Paragraph.</p> </a> 这实际上是非常有用的，如果你想要一个大的HTML块作为一个链接。
