Questions tagged «html»

HTML（超文本标记语言）是用于创建网页和其他要在Web浏览器中显示的信息的主要标记语言。有关HTML的问题应包括一个可重现的示例，以及您要实现的目标的一些想法。此标记很少单独使用，通常与[CSS]和[javascript]配对使用。

9
给HTML表格行加上边框<tr>
是否可以&lt;tr&gt;一次性为表格行加上边框，而不是给单个单元格加上边框，&lt;td&gt;例如， &lt;table cellpadding="0" cellspacing="0" width="100%" style="border: 1px;" rules="none"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;th style="width: 96px;"&gt;Column 1&lt;/th&gt; &lt;th style="width: 96px;"&gt;Column 2&lt;/th&gt; &lt;th style="width: 96px;"&gt;Column 3&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="border-left: thin solid; border-top: thin solid; border-bottom: thin solid;"&gt;&amp;nbsp;&lt;/td&gt; &lt;td style="border-top: thin solid; border-bottom: thin solid;"&gt;&amp;nbsp;&lt;/td&gt; &lt;td style="border-top: thin solid; …
90 html  css  border  html-table 
2
在另一个CSS类中定位一个CSS类
嗨，我在joomla中的某些CSS类遇到问题。我在模块中有两个div，一个是包装类class =“ wrapper”，另一个是内容类class =“ content”。内容在包装器内。我想做的是针对Content类上的CSS样式。通常，我只将.content {我的样式信息}放在样式表中，但是问题是此类在整个页面中多次使用。因此，在后端，您可以为模块分配一个类名，因此我将其称为.testimonials。 为了避免更改页面上的所有其他内容类，我尝试通过以下操作将其定位： .testimonials .content {my style info I am trying to apply} 但它不起作用，我知道您可以使用div来做到这一点，所以 #testimonials .content {my style info I am trying to apply} 但是我的问题是可以使用类吗？如果这样，在尝试使用以下方法时出现了问题： .testimonials .content {font-size:12px; width:300px !important;} 由于某种原因，内容没有包装并且仅在本段末尾消失了，所以我试图确保内容所在的1级课程没有任何重叠，奇怪的是即使我修复了内容位于50px的div类，它仍然不会包装文本，因此我不确定是否将其定位为对吗？ 编辑&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt; .. Joomla创建的html基本上是这样的&gt;&gt; &lt;div class="wrapper"&gt; &lt;div class="content"&gt;SOME CONTENT&lt;/div &lt;/div&gt; 然后将其包装成其他具有良好Joomla风格的div。 我给模块提供了推荐类别，因此最终看起来像： &lt;div class="testimonials"&gt; &lt;div class="wrapper"&gt; …
90 html  css  joomla  module 
12
Vue.js动态图像无法正常工作
我有一种情况，在Vue.js使用webpack网络应用程序时，我需要显示动态图像。我想显示img图像文件名存储在变量中的位置。该变量是一个computed属性，它返回一个Vuex存储变量，该变量在上异步填充beforeMount。 &lt;div class="col-lg-2" v-for="pic in pics"&gt; &lt;img v-bind:src="'../assets/' + pic + '.png'" v-bind:alt="pic"&gt; &lt;/div&gt; 但是，当我刚做的时候它完美地工作： &lt;img src="../assets/dog.png" alt="dog"&gt; 我的情况与此小提琴类似，但是在这里它适用于img URL，但是在我的具有实际文件路径的情况下，它不起作用。 正确的方法是什么？
10
Bootstrap 3.0：如何在同一行上输入文字和文字？
我目前正在将网站切换到Bootstrap 3.0。我在表单输入和文本格式方面遇到问题。在Bootstrap 2中起作用的东西在Bootstrap 3中不起作用。 如何在表单输入前后在同一行上获取文本？我将其缩小为示例的Bootstrap 3版本中的“ form-control”类问题。 如何将所有文本和输入都放在一行上？我希望bootstrap 3示例看起来像jsfiddle中的bootstrap 2示例。 JS小提琴示例 &lt;div class="container "&gt; &lt;form&gt; &lt;h3&gt; Format used to look like this in Bootstrap 2 &lt;/h3&gt; &lt;div class="row "&gt; &lt;label for="return1"&gt;&lt;b&gt;Return:&lt;/b&gt;&lt;/label&gt; &lt;input id="return1" name='return1' class=" input input-sm" style="width:150px" type="text" value='8/28/2013'&gt; &lt;span id='return1' style='color:blue'&gt; +/- 14 Days&lt;/span&gt; &lt;/div&gt; &lt;br&gt; &lt;br&gt; &lt;h3&gt; …
14
在整个HTML页面上等待光标
是否可以通过简单的方式将光标设置为在整个html页面上“等待”？这个想法是向用户显示ajax调用完成时发生了什么事情。下面的代码显示了我尝试过的简化版本，还演示了遇到的问题： 如果元素（＃id1）设置了一个游标样式，则它将忽略主体上的一个（显然） 一些元素具有默认的光标样式（a），并且不会在悬停时显示等待光标 根据内容的不同，body元素具有一定的高度，如果页面较短，则光标将不会显示在页脚下方 考试： &lt;html&gt; &lt;head&gt; &lt;style type="text/css"&gt; #id1 { background-color: #06f; cursor: pointer; } #id2 { background-color: #f60; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="id1"&gt;cursor: pointer&lt;/div&gt; &lt;div id="id2"&gt;no cursor&lt;/div&gt; &lt;a href="#" onclick="document.body.style.cursor = 'wait'; return false"&gt;Do something&lt;/a&gt; &lt;/body&gt; &lt;/html&gt; 后来编辑... 它在firefox和IE中与： div#mask { display: none; cursor: wait; z-index: 9999; …
8
HTML在移动设备上的拖放
当您使用JavaScript将网页拖放到jQuery UI（例如可拖放的jQuery UI）上时，如何通过移动设备上的浏览器查看，使该按钮正常工作-触摸屏上的拖动操作被拦截翻页等手机？ 欢迎所有解决方案...我的最初想法是： 有一个用于移动设备的按钮，可“举起”要拖动的项目，然后让他们单击要放置项目的区域。 编写一个针对移动设备执行此操作的应用程序，然后尝试使网页在其上运行！ 请提出您的建议和意见。
3
联系人气泡EditText
我正在尝试创建MultiAutoCompleteTextView类似于Google+应用程序中实现方式的联系气泡。以下是屏幕截图： 。 我试图扩展DynamicDrawableSpan该类，以便在文本范围的背景中获得可绘制的可绘制对象 public class BubbleSpan extends DynamicDrawableSpan { private Context c; public BubbleSpan(Context context) { super(); c = context; } @Override public Drawable getDrawable() { Resources res = c.getResources(); Drawable d = res.getDrawable(R.drawable.oval); d.setBounds(0, 0, 100, 20); return d; } } 我的卵形.xml可绘制对象的定义如下： &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"&gt; &lt;solid …
14
使用CSS将Div分成2列
我一直在尝试使用CSS将div分为两列，但是我还没有设法使其正常工作。我的基本结构如下： &lt;div id="content"&gt; &lt;div id="left"&gt; &lt;div id="object1"&gt;&lt;/div&gt; &lt;div id="object2"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id="right"&gt; &lt;div id="object3"&gt;&lt;/div&gt; &lt;div id="object4"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; 如果我尝试将左右div浮动到各自的位置（左右），则似乎会忽略内容div的背景色。我从各种网站尝试过的其他代码似乎无法转换为我的结构。 谢谢你的帮助！
89 css  html  css-float 
6
如何在Javascript中设置HTML5必需属性？
我正在尝试标记Javascript text中所需的输入框。 &lt;input id="edName" type="text" id="name"&gt; 如果该字段最初标记为required： &lt;form&gt; &lt;input id="edName" type="text" id="name" required&gt;&lt;br&gt; &lt;input type="submit" value="Search"&gt; &lt;/form&gt; 当用户尝试提交时，将收到验证错误： 但是现在我想通过Javascript 将required属性设置为“运行时”： &lt;form&gt; &lt;input id="edName" type="text" id="name"&gt;&lt;br&gt; &lt;input type="submit" value="Search"&gt; &lt;/form&gt; 使用相应的脚本： //recommended W3C HTML5 syntax for boolean attributes document.getElementById("edName").attributes["required"] = ""; 除非我现在提交，否则没有验证检查，也没有阻止。 设置HTML5验证布尔属性的正确方法是什么？ jsFiddle 您问该属性的值是什么？ HTML5验证required属性记录为Boolean： 4.10.7.3.4 required属性 该required属性是一个布尔属性。指定后，该元素是必需的。 如何定义boolean属性有很多麻烦。HTML5规范说明： 元素上的布尔属性的存在表示真实值，而该属性的缺失表示错误值。 …
10
覆盖Twitter Bootstrap文本框发光和阴影
我想删除文本框和边框的蓝光，但我不知道如何覆盖任何js或CSS，请在此处检查 编辑1 我想这样做是因为我正在使用jquery插件Tag-it，也正在使用twitter bootstrap，该插件使用了一个隐藏的textField添加标签，但是当我使用twitter bootstrap时，它显示为一个文本框，里面带有发光文本框有点奇怪
5
引导程序下拉气泡右对齐（非右推）
我的顶层菜单中有购物车，使用push-right，我的问题是下拉菜单气泡不在页面中。我正在尝试将气泡右对齐，以使其与“点击”右对齐 像这样 HTML： &lt;div class="cart pull-right"&gt; &lt;ul class="nav"&gt; &lt;li class="dropdown"&gt; &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;CLICK&lt;/a&gt; &lt;div class="dropdown-menu"&gt; STUFF &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;
8
HTML：更改文本字符串中特定单词的颜色
我收到以下消息（略有更改）： “在2011年1月30日之前参加比赛，您将有机会赢得$$$$，包括令人兴奋的夏季旅行！” 我目前有： &lt;p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"&gt; 格式化文本字符串，但要将“ 2011年1月30日”的颜色更改为＃FF0000，将“夏季”的颜色更改为＃0000A0。 如何使用HTML或内联CSS严格执行此操作？
89 html  css  text  colors  inline 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.