Tag: html

如何在另一个div内水平放置两个div

我还没有玩CSS的时间太久,现在没有提及。 我的问题应该相当简单,但是使用Googlesearch并不能提供足够的答案。 所以,join集体的知识 |#header—————————————————————| | TITLE | |#sub-title————————————————————| |bread > crumb | username logout | |#sub-left | #sub-right| |———————————|————————————| 这就是我想要我的布局。 标题反正。 我希望子标题包含子左侧的子右侧。 我用什么css规则来确保div被另一个div的属性所约束。 在这种情况下,如何确保在子标题内留下子版权和子版权?

如何将我的网站徽标作为浏览器选项卡中的图标图像?

浏览器标签页面标题旁边的图片 – 如何链接图片?

:不(:空)CSSselect器不工作?

我有一个这个特定的CSSselect器的时间,不想工作,当我添加:not(:empty) 。 它似乎适用于其他select器的任何组合: input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none } 如果我删除:not(:empty)部分,它工作得很好。 即使我将select器更改为input:not(:empty)它仍然不会selectinput文本的input字段。 这是打破了,还是我只是不允许使用:empty在一个:not()select器中为:empty ? 我唯一能想到的另一件事是,浏览器仍然说这个元素是空的,因为它没有孩子,只是说一个“价值”。 那么:emptyselect器是否对input元素和常规元素没有单独的function? 这看起来似乎不太可能,因为使用:empty在一个字段上填空并在其中input内容将导致替代效果消失(因为它不再是空的)。 testingFirefox 8和Chrome。

divhover背景颜色的变化?

我怎么能使它行动,如果一个div的行锚,所以当我徘徊它回到红色 CSS .e { width:90px; border-right:1px solid #222; text-align:center; float:left; padding-left:2px; cursor:pointer; } .f .e { background-color:#F9EDBE; } HTML <div> <div class="e" >Company</div> <div class="e">Target</div> <div class="e" style="border-right:0px;">Person</div> </div> <div class="f"> <div class="e">Company</div> <div class="e">Target</div> <div class="e" style="border-right:0px;">Person</div> </div> <div> <div class="e">Company</div> <div class="e">Targetaaa</div> <div class="e" style="border-right:0px;">Person</div> </div> <div class="f"> <div class="e">Company</div> <div class="e">Target</div> <div […]

CSS / JS防止拖影的鬼影?

有没有一种方法可以防止用户看到他们试图拖动的图像的鬼魂(不关心图像的安全性,而是体验)。 我已经尝试过这个修复了文本和图像上的蓝色select而不是鬼影的问题: img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } (我也尝试嵌套在div中的图像应用于div相同的规则)。 谢谢

我如何使用JavaScript删除HTML中的子节点?

是否有像document.getElementById("FirstDiv").clear() ?

如何使用PHP为JQuery .ajax()返回适当的成功/错误消息?

我不断收到错误警报。 MYSQL部分没有错,查询得到执行,我可以看到数据库中的电子邮件地址。 客户端: <script type="text/javascript"> $(function() { $("form#subsribe_form").submit(function() { var email = $("#email").val(); $.ajax({ url: "subscribe.php", type: "POST", data: {email: email}, dataType: "json", success: function() { alert("Thank you for subscribing!"); }, error: function() { alert("There was an error. Try again please!"); } }); return false; }); }); </script> 服务器端: <?php $user="username"; $password="password"; $database="database"; mysql_connect(localhost,$user,$password); mysql_select_db($database) […]

显示块没有100%的宽度

我想设置一个span元素使用display属性出现在另一个元素的下面。 我尝试应用内联块但没有成功,并认为我可以使用块,如果我以某种方式设法避免给元素的宽度100%(我不希望元素“伸出”)。 可以这样做,否则,解决这类问题有什么好的实践? 例如:我想在每篇文章末尾设置一个“阅读更多”链接的新闻列表(注意: <a>而不是<span> ) <li> <span class="date">11/15/2012</span> <span class="title">Lorem ipsum dolor</span> <a class="read-more">Read more</a> </li> 更新:解决。 在CSS中,应用 li { clear: both; } li a { display: block; float: left; clear: both; }

如何在网页中embeddedPDF查看器?

如果我没有弄错,Google Docs提供了显示与网页通过iFrame存储在同一服务器上的PDF的方法,但是我需要知道如何以跨浏览器兼容的方式来完成此操作。

只在一边插入盒子阴影?

有没有可能以某种方式只有在一个div的插入框阴影? 请注意,我在这里讨论的是一个插入的阴影框,而不是正常的外框阴影。 例如,在下面的JSFiddle中,您会看到插入的阴影在不同程度上出现在所有的四面。 我怎样才能让它只显示在顶部? 或者至多只在顶部和底部? JSFiddle: http : //jsfiddle.net/ahmadka/KFrun/ HTML: <div class="myDiv"> <div class="text"> Lorem ipsum …. </div> </div> CSS: .box { -webkit-box-shadow: inset 0px 5px 10px 1px #000000; box-shadow: inset 0px 5px 10px 1px #000000; } .text { padding:20px; }