程序设计 html

8

如何使用“真棒字体”中包含的搜索图标进行输入？我的网站上有一个搜索功能（基于PHPmotion），我想将其用于搜索。这是代码： <div id="search-bar"> <form method="get" action="search.php" autocomplete="off" name="form_search"> <input type="hidden" name="type" value="videos" /> <input autocomplete="on" id="keyword" name="keyword" value="Search Videos" onclick="clickclear(this, 'Search Videos')" onblur="clickrecall(this,'Search Videos')" style="font-family: verdana; font-weight:bold; font-size: 10pt; height: 28px; width:186px; color: #000000; padding-left: 2px; float:left; border: 1px solid black; background-color: #ffffff" /> <input type="image" src="http://viddir.com/themes/default/images/search.jpg" height="30" width="30" …

89 html css font-awesome

5

在HTML中显示Unicode符号

我只想在HTML页面中显示刻度符号（✔）和叉号（✘），但它显示为方框或粘稠度–显然与编码有关。我已将meta标签设置为显示utf-8，但显然我遗漏了一些东西。 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 编辑/解决方案：通过使用FireBug所做的评论，我发现页面传递的标题实际上是“ Content-Type：text / html”，而不是UTF-8。使用Notepad ++查看文件格式时，显示我的文件格式为“没有BOM的UTF-8”。现在将其更改为UTF-8，符号现在可以正确显示...但是萤火虫似乎仍指示相同的内容类型。

89 html unicode

9

如何防止DIV标签开始新的一行？

我想向包含标签的浏览器输出一行文本。呈现此效果时，DIV似乎会换行。如何在同一行的div标签中包含内容-这是我的代码。 <?php echo("<a href=\"pagea.php?id=$id\">Page A</a>") ?> <div id="contentInfo_new"> <script type="text/javascript" src="getData.php?id=<?php echo($id); ?>"></script> </div> 我试图在这里整理一下。如何在一行上显示此内容？

89 html css

7

使用CSS在单元格（TD）之间添加空间

我正在尝试添加一个在单元格之间留有空格的表格，因为单元格的背景色是白色，表格的背景色是蓝色，您可以轻松地看到padding和margin无效（我将其应用于td），它只会在单元内部增加空间。

89 html css

6

在没有JavaScript支持的情况下加载页面时，如何在文本框中放置光标（自动聚焦）？

我有一个带有一些文本字段的表单，当页面加载时，我想将光标（自动聚焦）放在表单的第一个文本字段上。我想不使用javascript来做。

89 css html

3

使用React JS无限滚动

我正在寻找使用React实现无限滚动的方法。我遇到了react-infinite-scroll，发现它效率低下，因为它只是将节点添加到DOM中，而不会删除它们。React是否有经过验证的解决方案，可以添加，删除和维护DOM中恒定数量的节点。这是jsfiddle问题。在这个问题中，我想一次只在DOM中包含50个元素。当用户上下滚动时，应加载和删除其他对象。由于其优化算法，我们已经开始使用React。现在我找不到解决此问题的方法。我遇到过airbnb Infinite js。但这是用Jquery实现的。要使用这个airbnb无限滚动，我必须放弃我不想做的React优化。我想添加滚动的示例代码是（这里我正在加载所有项目。我的目标是一次仅加载50个项目） /** @jsx React.DOM */ var Hello = React.createClass({ render: function() { return (<li>Hello {this.props.name}</li>); } }); var HelloList = React.createClass({ getInitialState: function() { var numbers = []; for(var i=1;i<10000;i++){ numbers.push(i); } return {data:numbers}; }, render: function(){ var response = this.state.data.map(function(contact){ return (<Hello name="World"></Hello>); }); return …

89 javascript html infinite-scroll reactjs

2

HTML5 / XHTML角色属性可以具有哪些值？

我想知道HTML5 / XHTML角色属性中的有效值是什么？

89 html

25

Bootstrap导航栏活动状态不起作用

我有bootstrap v3。我在我的菜单class="active"上使用，navbar并且在按菜单项时不会切换。我知道如何使用此jQuery功能并构建点击功能，但我认为此功能应包含在引导程序中？那么也许是JavaScript问题？这是我包含的js / css / bootstrap文件的标头：  <link rel="stylesheet" href= "/bootstrap/css/bootstrap.css" /> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" /> <link rel="stylesheet" href= "/stylesheets/styles.css" />  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>  <script src="/bootstrap/js/bootstrap.min.js"></script> <script src="/bootstrap/js/bootstrap-collapse.js"></script> <script src="/bootstrap/js/bootstrap-transition.js"></script> 这是我的navbar代码： <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> …

89 javascript html twitter-bootstrap twitter-bootstrap-3

1

在{％include％}标记Django中为子模板分配变量

我有这个代码（这没有给我预期的结果） #subject_content.html {% block main-menu %} {% include "subject_base.html" %} {% endblock %} #subject_base.html .... .... <div id="homework" class="tab-section"> <h2>Homework</h2> {% include "subject_file_upload.html" %} </div> 子模板： #subject_file_upload.html <form action="." method="post" enctype="multipart/form-data">{% csrf_token %} {{ form.as_p }} <input type="submit" value="submit"> </form> 和我的看法 #views.py @login_required def subject(request,username, subject): if request.method == "POST": …

89 html django variables include django-templates

8

从Font Awesome中提取SVG

我想从Font Awesome字形中获取SVG路径数据，以便可以在HTML中直接将它们用作SVG。我以为这就像从fontawesome-webfont.svg复制粘贴路径数据一样容易，但是当我在HTML中使用它们时，符号都完全颠倒了。有人知道为什么吗？（请参阅小提琴）字体真棒SVG： <glyph unicode="&#xf007;" horiz-adv-x="1408" d="M1408 131q0 -120 -73 -189.5t-194 -69.5h-874q-121 0 -194 69.5t-73 189.5q0 53 3.5 103.5t14 109t26.5 108.5t43 97.5t62 81t85.5 53.5t111.5 20q9 0 42 -21.5t74.5 -48t108 -48t133.5 -21.5t133.5 21.5t108 48t74.5 48t42 21.5q61 0 111.5 -20t85.5 -53.5t62 -81 t43 -97.5t26.5 -108.5t14 -109t3.5 -103.5zM1088 1024q0 -159 -112.5 -271.5t-271.5 …

89 html svg font-awesome

8

强制表格列宽始终固定，无论内容如何

我有一个html表table-layout: fixed和一个具有设定宽度的td。该列仍会扩展以容纳不包含空格的文本内容。除了将每个td的内容包装在div中之外，是否有其他方法可以解决此问题？示例：http：//jsfiddle.net/6p9K3/29/ <table> <tbody> <tr> <td style="width: 50px;">Test</td> <td>Testing 1123455</td> </tr><tr> <td style="width: 50px;">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td>B</td> </tr> </tbody> </table> table { table-layout: fixed; } td { border: 1px solid green; overflow: hidden; } 在示例中，您可以看到尽管具有AAAAAAAAAAAA ...的列已显式设置为50px宽，但仍在扩展。

89 html css

8

是否有CSS背景图片的srcset等效项

img具有srcset属性看起来像是一种制作响应式图像的好方法。cssbackground-image属性中是否存在等效的语法？的HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> 的CSS .mycontainer { background: url(?something goes here?); }

89 html css background-image srcset

6

绝对位置内绝对位置

我有3个div元素。第div一个更大（包装）并具有position:relative; 第2个相div对于第1个div相对位置绝对定位（并包含在第1个中div）第3个div包含在第2个中，div并且也具有绝对定位。 <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> 为什么第3个div位置相对于第2个div绝对位置（这也是第1个位置的绝对位置div）而不是div相对位置的第一个位置？因为3rddiv是绝对定位到2nd绝对定位div。

89 html css css-position

3

播放带有HTML5视频标签的本地（硬盘）视频文件吗？

我要实现以下目标。 <video src="file:///Users/username/folder/video.webm"> </video> 目的是使用户能够从他/她的硬盘驱动器中选择文件。不上传的原因当然是传输成本和存储配额。没有理由保存文件。可能吗？

89 html video html5-video offline

2

Base64 PNG数据到HTML5画布

我想将以Base64编码的PNG图像加载到canvas元素。我有这个代码： <html> <head> </head> <body> <canvas id="c"></canvas> <script type="text/javascript"> var canvas = document.getElementById("c"); var ctx = canvas.getContext("2d"); data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oMCRUiMrIBQVkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12NgoC4AAABQAAEiE+h1AAAAAElFTkSuQmCC"; ctx.drawImage(data, 0, 0); </script> </body> </html> 在Chrome 8中，我收到错误消息： Uncaught TypeError: Type error 在Firefox的Firebug中，这是：“对象的类型与与该对象关联的参数的预期类型不兼容”代码：“ 17” 在那个base64中，是我在GIMP中制作的5x5px黑色PNG正方形，并将其转换为GNU / Linux程序base64中的base64。

89 html canvas png base64

Questions tagged «html»