Tag: html

使用JavaScript将相对path转换为绝对path

有一个function,这给了我urls如: ./some.css ./extra/some.css ../../lib/slider/slider.css 这总是一条相对path。 让我们认为我们知道页面的当前path,如http://site.com/stats/2012/ ,不知道如何将这些相对path转换为真正的path? 我们应该得到这样的东西: ./some.css => http://site.com/stats/2012/some.css ./extra/some.css => http://site.com/stats/2012/extra/some.css ../../lib/slider/slider.css => http://site.com/lib/slider/slider.css 没有jQuery,只有香草的JavaScript。

你可以做一个“无形的边界”吗?

我正在尝试做一个导航栏作为练习。 我使用的a:hover在围绕buttona:hover的实心边框。 但是,这使得所有其他button移动的边界的大小。 这个问题的正确解决方法是什么? 我知道还有其他的(在这里讨论过 ),我专门设法让边界“隐身而不占空间”。 我设定border:transparent希望它可以做我想要的,但它没有显示出空间。 我知道我可以用手挑边框的颜色,使其与背景相同,并使其稳定,但这不是我想要的。 有没有一个理智的方法来解决这个问题?

最好的方法来做一个分割窗格在HTML中

有谁知道一个很好的技术,在HTML中创build一个可resize的分割窗格? 可以使用css / jquery / javascript来完成,还是有人知道他们使用的好的JavaScript库? (一个分割窗格的例子是Internet Explorer中的collections夹,您可能已经停靠在主浏览器窗口的左侧)

打印网页的特定部分

我试图打印我的应用程序的特定部分。 该应用程序有一个用户列表,显示他们的名字和姓氏。 当我点击一个用户时,我得到一个popup式的更详细的信息。 我怎么去打印一个用户点击的popup窗口? popup窗口如下所示: <div id="user<?=$user->id;?>" class="popup"> <div class="details"> User details… </div> <a href="#print">Print</a> </div> 打印button虽然不工作。

jquery:从类select器获取ID

嗨Stackoverflow社区, 很难解释,但… 有没有什么办法可以从类似的东西中获得元素的id <a href="#" class="test" id="test_1">Some text</a> <a href="#" class="test" id="test_2">Some text</a> <a href="#" class="test" id="test_3">Some text</a> 然后我绑定 $( 'testing') 所以当我点击其中一个元素时,我可以得到这个id? 让我知道是否需要进一步解释。 非常感谢先进的。

HTML | CSS:inputbutton之间的空间

我有一个问题,我有这两个button之间的空间,如下图所示: 替代文字http://img22.imageshack.us/img22/5066/capturebtn.png 代码如下: <input id="NeedBtn" class="PostBtn" type="button" /> <input id="ProvBtn" class="PostBtn" type="button" /> .PostBtn { background: url(../Images/Buttons/PostButtonF.png) no-repeat; width: 50px; height: 28px; border: none; margin: 0; padding: 0; } #NeedBtn { background-position: 0 0; } #ProvBtn { background-position: -50px 0; } 我如何删除该空间? 浏览器:Firefox 3.5 IE8

如何使twitter引导button更大?

我正在学习html,css和twitter bootstrap。 <div id="button" style=" position:absolute;top:450px; left:350px;"> <p> <a href="https://docs.google.com/forms/d/1Exo4u2iRpChj- Wg9K5HxteMeoVE1uee0fQKBWiuYYiw/viewform?pli=1" class="btn btn-primary btn- large">Search </a> </p> </div> 我想增加这个button的字体大小,从而使它更大。 有人可以帮我吗? 谢谢!

Facebook分享不显示我的描述或缩略图

我已经遵循了我发现的每一条build议,试图使这个工作,但所有这一切都没有效果。 有人可以告诉我为什么我的描述/缩略图没有显示出来吗? 谢谢。 以下是我的代码和网站的链接: Meta标签: <meta name="title" content="La Vita è Bella, because life is beautiful" /> <meta name="description" content="Drawing on Italy's most famous export – great-tasting, healthy, colourful food – La Vita é Bella brings families together to experience mealtimes the Italian way." /> <link rel="image_src" href="http://www.lavitaebella.co.ukhttp://img.dovov.comimageforfacebook.jpg" /> 实际链接: <a href="http://www.facebook.com/share.php?u=http://www.lavitaebella.co.uk" target="_blank"><img src='..http://img.dovov.comshare/s-fb.png' /></a> http://www.lavitaebella.co.uk/ […]

如何隐藏或禁用谷歌地图上的谷歌徽标,页脚,版权JavaScript API v3?

我有这个工作,我需要使用谷歌地图API v3,他们给我的devise没有谷歌放在地图的下方的标志/页脚/版权。 那么,我需要让它被禁用或隐藏,因为我被告知无论如何我需要匹配确切的devise。 我不得不强调,通过这样做,我违反了Google服务的使用条款。 9.4归属。 (a)通过本服务向您提供的内容可能包含Google索引的内容的Google,其合作伙伴或其他第三方权利人的商标名称,商标,服务标志,徽标,域名以及其他独特的品牌特征。 当Google提供此归属地名称时,您必须按照服务提供的方式或“地图API文档”中的说明进行展示,并且不得以任何方式删除这些商品名称,商标,服务标记,徽标,域名和其他独特品牌特征。 https://developers.google.com/maps/terms 在我的工作中,他们并不关心这件事,他们总是让我去做,所以我就是这样做的。 在CSS中,我添加了以下几行代码: #map-report div.gmnoprint, #map-report div.gmnoscreen { display: none; } img[src="http://maps.gstatic.com/mapfiles/google_white.png"] { display: none; }

自定义高度Bootstrap的导航栏

我想要一个包含导航栏的高度为150px的标题。 导航栏应该在标题中垂直居中。 HTML : <header> <div class="navbar navbar-static-top"> <div class="navbar-inner"> <div class="container" style="background:yellow;"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-th-list"></span> </a> <a href="/"><img src="img/logo.png" class="logo" /></a> <nav class="nav-collapse collapse pull-right" style="line-height:150px; height:150px;"> <ul class="nav" style="display:inline-block;"> <li><a href="">Portfolio</a></li> <li><a href="">Blog</a></li> <li><a href="">Contact</a></li> </ul> </nav> </div> </div> </div> </header> CSS : header { width: 100%; line-height: 150px; […]