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.