Tag: html

是否有第一个直接孩子的CSSselect器?

我有以下的HTML <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> 以下风格: DIV.section DIV:first-child { … } 出于某种原因,我不明白的风格是适用于“子内容1” <div>以及“标题” <div> 。 我认为风格的select器只适用于一个名为“部分”的类的第一个直接孩子。 我怎样才能改变select器得到我想要的?

获取修改的预定义树遍历模型(嵌套集)到<ul>中

我试图让我的数据是分层build立一个树遍历模型到一个<ul>为了显示在我的网站上。 这是我的代码: function getCats($) { // retrieve all children of $parent $query = "SELECT max(rght) as max from t_categories"; $row = C_DB::fetchSingleRow($query); $max = $row["max"]; $result ="<ul>"; $query = "SELECT * from t_categories where lft >=0 and rght <= $max"; if($rs = C_DB::fetchRecordset($query)){ $p_right =""; $p_left =""; $p_diff=""; while($row = C_DB::fetchRow($rs)){ $diff = $row["rght"] -$row["lft"]; […]

如何确保<select>表单字段在禁用时提交?

我有一个select表单域,我想标记为“只读”,因为在用户不能修改的值,但价值仍然提交的forms。 使用disabled属性可防止用户更改该值,但不会将该值与表单一起提交。 readonly属性只能用于input和textarea字段,但基本上是我想要的。 有什么办法可以做到吗? 我正在考虑的两种可能性包括: 而不是禁用select ,禁用所有的option并使用CSS灰色select,所以它看起来像它的禁用。 向提交button添加一个点击事件处理程序,以便在提交表单之前启用所有禁用的下拉菜单。

“全屏”<iframe>

当我使用下面的代码来创build一个iframe时: <iframe src="mypage.html" style="border: 0; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe> iframe不会一路走下去–10px的白色“边框”围绕iframe。 我怎么能解决这个问题? 这是一个问题的形象:

更容易创build圆形div比使用图像?

我想知道是否有一个更简单的方法来创build圆形divs比我现在做的。 目前,我只是为每个不同的大小制作一个图像,但这样做很烦人。 反正使用CSS来使div是圆形的,我可以指定半径?

点击<a>链接时如何显示确认对话框?

我想要这个链接有一个JavaScript对话框询问用户“ 你确定吗? 是/否 “。 <a href="delete.php?id=22">Link</a> 如果用户点击“是”,链接应该加载,如果“否”,什么都不会发生。 我知道如何在窗体中使用onclick运行返回true或false的函数。 但是,我怎么做一个<a>链接?

我可以阻止100%宽度文本框超出其容器吗?

可以说,我有一个文本框,我想填补整行。 我会给它一个这样的风格: input.wide {display:block; width: 100%} 这会导致问题,因为宽度是基于文本框的内容。 文本框默认具有边距,边框和填充,这使得100%宽度的文本框大于其容器。 例如,在这里右边: 有没有办法让文本框填充容器的宽度,而不是扩展它的容器? 这里是一些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" > <head> <title>Untitled Page</title> <style type="text/css"> #outer{border: 1px solid #000; width: 320px; margin: 0px;padding:0px} #inner{margin: 20px; padding: 20px; background: #999;border: 1px solid #000;} input.wide {display:block; margin: 0px} input.normal {display:block; float: right} </style> </head> <body> […]

我可以写一个CSSselect器来select没有特定类的元素吗?

我想写一个CSSselect器规则,select所有没有特定类的元素。 例如,给定以下HTML: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!– Some menu links… –> </nav> <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a> <p class="printable"> This page is super interresting and you should print it! </p> </body> </html> 我想写一个select器,select所有没有“可打印的”类,在这种情况下,是导航和元素的元素。 这可能吗? 注意:在我想要使用的实际HTML中,将会有更多的元素没有 “可打印”类(比如我在上面的例子中,我意识到这是另一种方式)。

Google地图:如何创build自定义InfoWindow?

地图标记的默认Google地图信息窗口非常圆。 如何创build一个方形angular的自定义InfoWindow?

IFRAME和iPad上的Safari,用户如何滚动内容?

根据苹果iOS的口头禅,应该可以通过用两根手指来拖动IFRAME的内容。 不幸的是,在iPad上运行iOS的最新版本,我还没有find一个网站的IFRAME滚动使用这种方法 – 没有滚动条出现。 有谁知道如何用户应该滚动移动Safari的IFRAME的内容?