程序设计 html

9

我想在伪造的选择框上添加一些样式：after（以对具有2个部分且没有图像的选择框进行样式设置）。这是HTML： <select name=""> <option value="">Test</option> </select> 而且它不起作用。我不知道为什么，我也没有在W3C规范中找到答案。这是CSS： select { -webkit-appearance: none; background: black; border: none; border-radius: 0; color: white; } select:after { content: " "; display: inline-block; width: 24px; height: 24px; background: blue; } 那么这是正常的还是有把戏？

123 html css select

6

如何在悬停时从名称中删除下划线

我有这样的HTML： <legend class="green-color"><a name="section1">Section</a></legend> legend.green-color{ color:green; } 就我而言 Section为例，它看起来是绿色的，但是当我将鼠标指针放在上面时，它看起来就像是href，但是我希望它保持不变，而没有下划线和颜色变化。是否有可能在不更改CSS的情况下或以最小的CSS cahnge实现？或以某种方式与jQuery？

123 html css

6

新标签中的javascript window.location

我将用户引导至某些URL，window.location但该URL在浏览器的同一选项卡中打开。我希望它在新标签页中打开。我可以使用window.location吗？还有另一种方法可以执行此操作吗？

123 javascript html redirect

5

如何使溢出的CSS属性与隐藏值一起工作

我很难过overflow: hidden。基本上，我试图隐藏位于中的无序列表的溢出<div>。我不知道为什么这不起作用。它没有隐藏它，而是将我的列表从水平布局拆分为垂直布局。无序列表是轮播，容器是列表。下面是我的CSS代码； div.body .container .images { background: url(/images/images-background.jpg); height: 62px; margin-bottom: 17px; width: 384px; } div.body .container .images #images-previous { cursor: pointer; float: left; } div.body .container .images #images-next { cursor: pointer; float: left; } div.body .container .images .list { float: left; overflow: hidden; vertical-align: …

123 css overflow html

1

XML，HTML和XHTML文档的有效内容类型

XML，HTML和XHTML文档的正确内容类型是什么？我需要编写一个仅提取此类文件的简单搜寻器。由于mod_rewrite，如今http://example.net/index.html可以提供例如JPEG文件，因此我需要检查响应标头中的内容类型，并将其与允许的内容类型列表进行比较。我从哪里可以得到这样的清单？

123 html xml http xhtml web-standards

5

HTML“溢出：自动”和“溢出：滚动”之间的区别

在研究overflow属性的值时，我遇到了这两个值：auto和scroll，如果内容溢出元素，则会添加滚动条。有人可以解释一下他们之间的区别吗？

123 html css

23

FontAwesome图标未显示。为什么？

最近，我一直在开发此网站，并且试图在其中添加超棒的字体图标，以便可扩展。问题是他们没有露面。看一下HTML： <a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa fa-arrow-right"></i></a> 要么 <li><a href="index.html"><span class="fa fa-home fa-2x"></span>Home</a></li> 我确实把样式表引用放在了头上。我不知道为什么他们没有出现。这里是参考： <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> 好了，这是完整的html： <head> <meta charset="UTF-8"> <title>Retrica</title> <link src="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <link href="style/normalize.css" rel="stylesheet" type="text/css"> <link href="style/bootstrap.min.css" rel="stylesheet" type="text/css"> <link href="style/main.css" rel="stylesheet" type="text/css"> </head> <body> <header class="top-header"> <div class="container"><!-- …

123 html css font-awesome

6

如何制作透明的HTML按钮？

我正在使用Dreamweaver创建网站，并且想到了仅使用Photoshop创建背景。我之所以决定这样做，是因为如果我只想通过编辑代码来轻松更改按钮名称，就可以引用该代码。如果我要使用Photoshop构造按钮，将无法轻松地在这些按钮或任何元素中编辑文本。所以我的问题很简单，即如何创建具有简单内联样式的按钮，使其变得透明，使按钮的值仍然可见。 .button { background-color: Transparent; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; } 单击它后仍留下边框阴影。

123 html css

6

引导表中的垂直对齐

我正在尝试显示具有4列的表格，其中之一是图像。以下是快照：- 我想将文本垂直对齐到中心位置，但是以某种方式，css似乎不起作用。我已经使用了引导响应表。我想知道为什么我的代码不起作用，什么是使它起作用的正确方法。以下是该表的代码的CSS img { height: 150px; width: 200px; } th, td { text-align: center; vertical-align: middle; } 的HTML <table id="news" class="table table-striped table-responsive"> <thead> <tr> <th>Name</th> <th>Email</th> <th>Phone</th> <th>Photo</th> </tr> </thead> <tbody> <?php $i=0; foreach ($result as $row) { ?> <tr> <td> <?php echo 'Lorem Ispum'; ?> </td> …

123 html css twitter-bootstrap

24

Bootstrap 3折叠菜单在单击时不会关闭

我在Bootstrap 3中有或多或少的标准导航 <body data-spy="scroll" data-target=".navbar-collapse">  <div class="navbar navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> </button> <a class="navbar-brand" href="index.html"> <img src="#"></a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#home">Home</a></li> <li><a href="#one">One</a></li> <li><a href="#two">Two</a></li> <li><a href="#three">Three</a></li> <li><a …

122 html css twitter-bootstrap navigation

13

WebView和HTML5 <视频>

我正在拼凑一个cheapo应用程序，该应用程序除其他外可以“构架”我们的某些网站...使用，非常简单WebViewClient。直到我看了视频。视频是作为HTML5 元素完成的，在Chrome，iPhone上这些视频可以正常工作，而且现在我们已解决了编码问题，Android在本机浏览器中效果很好。现在的问题是：WebView不喜欢它。完全没有我可以单击海报图像，但没有任何反应。谷歌搜索，我发现这很接近，但似乎是基于“链接”（如href ...），而不是视频元素。（onDownloadListener似乎未在视频元素上被调用...）我还看到了有关覆盖onShowCustomView的引用，但似乎未在视频元素上调用……shouldOverrideUrlLoading也没有。我宁愿不要进入“从服务器中提取xml，在应用程序中重新格式化它” ..通过在服务器上保留故事的布局，我可以更好地控制内容，而不必强迫人们不断更新应用程序。因此，如果我可以说服WebView处理本机浏览器之类的标签，那将是最好的。我显然缺少明显的东西。但是我不知道是什么。

122 android html video webview android-webview

12

哪些工具可以自动内联CSS样式来创建电子邮件HTML代码？[关闭]

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 7年前关闭。改善这个问题当您查看http://www.campaignmonitor.com/css/时，您了解到需要在HTML中嵌入内联样式，以便在任何邮件客户端中读取电子邮件。您是否知道有任何工具或脚本可以将带有声明的HTML文件自动转换为仅具有内联CCS样式属性的HTML文件？编辑：任何Javascript解决方案（即：http : //www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/）？使用jQuery吗？

122 html css email inline html-email

10

危机/滥用网站中紧急按钮的最快退出策略？[关闭]

已关闭。这个问题是基于观点的。它当前不接受答案。想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 6年前关闭。改善这个问题我正在为一个女性虐待资源中心建立一个网站。许多这样的中心都具有被中心称为“紧急按钮”的功能。一个基本的的例子被发现这里在每个页面中的绿条的顶部。链接或按钮的想法是，如果妇女正在浏览此网站寻求帮助，而他们的施虐者或不想与之交往的人走进了房间，则可以快速逃脱。有时，链接比关闭浏览器窗口快得多，这可能是可疑的。我看到的问题是，我看到的大多数按钮只会将您发送至google或类似的网站。我将要做这样的事情： <a href="http://www.msn.com/#news" rel="noreferrer">LEAVE WEBSITE NOW!</a> 要么 <a href='data:text/html;charset=utf-8, <html><meta http-equiv="refresh" content="0;URL=&#39;http://www.msn.com/#news/&#39;"></html>'>LEAVE WEBSITE NOW!</a> 这样的链接会将您滚动到一些实际内容。它不是空白的Google搜索，但也不是很具体的东西，可以视为可疑。我知道屏蔽引荐来源网址是很好的方法，但是即使有了该解决方案，您也可以在浏览器上单击“后退”按钮，然后将其捕获。对于这个问题，我认为我可以这样做：的HTML <a href="javascript:goNewWin()" rel="noreferrer">LEAVE WEBSITE NOW!</A> 的JavaScript function goNewWin() { window.open("backbuttonnewpage.html",'TheNewpop','toolbar=1,location=1,directories=1,status=1,menubar=1,scrollbars=1,resizable=1'); self.close() } 我发布这个消息是因为这样做有生命危险，我需要尽可能接近整体解决方案的东西。你会怎么做？ UPDATE-3-26-14：我运行了一些与我合作的资源中心在此处发布的教育思想，这是他们的答案。“我们的用户甚至进入我们的网站都需要极大的勇气。当他们进入我们的网站时，他们正在寻找一种快速，便捷的资源来摆脱可能危及生命的情况。在大多数情况下，他们没有时间或精力来对他们进行安全的教育以浏览我们的网站。当出现“紧急按钮”的想法时，如果做得好，似乎是我们所治疗的大多数受害者一直要求的资源。” 在阅读了很多想法之后，似乎总的解决方案是将一个大按钮悬浮在左侧的恒定位置。页面加载时，它会在后台加载另一个站点（可能是ajax调用），因此单击按钮仅会删除覆盖框架。单击将意味着没有加载时间。为了避免按下浏览器上的后退按钮，似乎有必要告诉浏览器不要缓存，以及可能replaceState在每次页面更改时都禁用显示该站点的后退按钮。这仍然是一个技术问题。辩论很有帮助，但我仍然需要有效的技术解决方案。任何人都认为他们能够将所有这些想法整合到某种功能上吗？病态的我自己马上进行研究，并将发布我提出的任何内容。谢谢大家

122 javascript html

13

如何在PHP中回显HTML？

我想有条件地输出HTML以生成页面，那么在PHP 4+中回显HTML的多行代码段的最简单方法是什么？我需要使用像Smarty这样的模板框架吗？ echo '<html>', "\n"; // I'm sure there's a better way! echo '<head>', "\n"; echo '</head>', "\n"; echo '<body>', "\n"; echo '</body>', "\n"; echo '</html>', "\n";

122 php html templates echo

9

如何使用JavaScript获得没有HTML元素的纯文本？

我的HTML中有1个按钮和一些文本，如下所示： function get_content(){ // I don't know how to do in here!!! } <input type="button" onclick="get_content()" value="Get Content"/> <p id='txt'> <span class="A">I am</span> <span class="B">working in </span> <span class="C">ABC company.</span> </p> 当用户单击按钮时，中的内容<p id='txt'>将成为以下预期结果： <p id='txt'> // All the HTML element within the <p> will be disappear I am working in …

122 javascript html

Questions tagged «html»