Questions tagged «html»

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

10
如何拉伸背景图像以填充div
我想将背景图像设置为不同的div,但是我的问题是: 图片尺寸为固定值(60px)。 改变div的大小 如何拉伸背景图像以填充整个div背景? #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } 在此处检查代码。

10
如何使用CSS制作花式箭头?
好的,所以每个人都知道您可以使用此三角形: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } 然后产生一个实心的三角形。但是,您将如何像这样制作一个空心箭头状的三角形?
102 html  css  css-shapes 

6
与Rails content_tag助手一起使用html5数据属性的最佳方法?
当然,问题在于,红宝石符号不喜欢连字符。所以像这样的事情显然是行不通的: content_tag(:div, "Some Text", :id => "foo", :data-data_attr => some_variable) 一种选择是使用字符串而不是符号: content_tag(:div, "Some Text", :id => "foo", 'data-data_attr' => some_variable) 或者我可以插值: "<div id='foo' data-data_attr='#{some_variable}'>Some Text</div>".html_safe 我比较喜欢后者,但两者似乎都有些粗糙。有人知道更好的方法吗?


5
<导航>或<菜单>(HTML5)
W3Schools.com,我敢肯定,我记得看到&lt;menu&gt;应该用于工具栏菜单和列出表单控制命令的W3C.org状态。 那么,我应该在主菜单中使用哪一个?Nav或Menu?有关系吗?
102 html  menu  standards  nav 


7
如何确定TR的高度?
可以固定桌子上一行的高度(tr)吗? 当我缩小浏览器窗口时,会出现问题,一些行开始播放,而我无法确定行的高度。 我尝试了几种方法: tr width="20" / tr style="height:20px" / td height="20" / td style="height:20px" 我正在使用IE7 样式 .tableContainer{ color:#0076BF; margin: -10px 0px -10px 0px; border-spacing: 10px; empty-cells:show; width:90%; text-align:left; } .tableContainer tr td{ white-space:nowrap; text-align:left; } HTML代码。 &lt;table class="tableContainer" cellspacing="10px"&gt; &lt;tr style="height:15px;"&gt; &lt;td&gt;NHS Number&lt;/td&gt; &lt;td&gt;&amp;#160;&lt;/td&gt; &lt;td&gt;Date of Visit&lt;/td&gt; &lt;td&gt;&amp;#160;&lt;/td&gt; &lt;td colspan="3"&gt;Care …
102 html  html-table  row 

10
您可以在不使用表格的情况下进行HTML布局吗?
好的,我在一两个星期前遇到了一个简单的布局问题。即页面的各个部分需要一个标题: +---------------------------------------------------------+ | Title Button | +---------------------------------------------------------+ 很简单的东西。在网络世界中,表仇恨似乎已经接管了一切,当我问为什么对HTML表单而不是表使用定义列表(DL,DD,DT)标签时,让我想起了这一点。 现在,前面已经讨论了表vs divs / CSS的一般主题,例如: DIV与表 ; 和 用表代替DIV。 因此,这并不是要对CSS与布局表进行一般性讨论。这只是解决一个问题的方法。我使用CSS尝试了上述各种解决方案,包括: 向右浮动按钮或包含按钮的div; 按钮的相对位置;和 相对位置+绝对位置。 这些解决方案均因不同原因而不能令人满意。例如,相对位置导致z-index问题,其中我的下拉菜单出现在内容下方。 所以我最后回到了: &lt;style type="text/css"&gt; .group-header { background-color: yellow; width: 100%; } .group-header td { padding: 8px; } .group-title { text-align: left; font-weight: bold; } .group-buttons { text-align: right; } &lt;/style&gt; …
102 html  css  layout 

4
将div放置在另一个div的底边附近
我有外部股利和内部股利。我需要将内部div放在外部的底部。 外部div是弹性的(例如,宽度为70%)。我还需要将内部块居中。 下图显示了所描述的化妆品的简单模型:
102 html  css  layout 

2
浏览器是否发送“ \ r \ n”或“ \ n”,还是取决于浏览器?
这个问题困扰了我一百万年……每当我创建一个文本区域允许多行的网站(例如用户个人资料的“ Bio”)时,我总是最终编写以下偏执代码: // C# code sample... bio = bio.Replace("\r\n", "\n").Replace("\r", "\n"); bio = Regex.Replace(@"\n{2,}", "\n\n"); 那么,如果浏览器&lt;textarea name="Bio"&gt;&lt;/textarea&gt;有多行,浏览器会发送什么?

12
HTML5电子邮件验证
据说“使用HTML5,我们不再需要js或服务器端代码来检查用户输入的内容是否为有效的电子邮件或网址” 用户输入后如何验证电子邮件?并且如果没有使用JS,如果用户输入了错误的电子邮件地址,则如何显示消息。 &lt;input type="email" pattern="[^ @]*@[^ @]*" placeholder="Enter your email"&gt; &lt;input type="submit" value="Submit"&gt;
102 html  email 

3
从输入标签的“提交”更改文本
我有一个标签&lt;input type="submit" class="like"/&gt;。我希望按钮内的文本显示为“赞”,但现在它显示为“提交”。 class="like" 顺便说一下,是按钮的CSS。
102 html 

4
ASP.Net:文字与标签
我只是想听听您在何时何地应使用某个LITERAL控件上的某些权限LABEL。 据我了解,区别在于:LABEL可以通过&lt;SPAN&gt;添加的标签设置样式。 我个人发现&lt;SPAN&gt;在HTML中添加标记非常烦人,并且从未通过ASP实际应用样式,因此LITERALs似乎通常是大多数情况下应该使用的方式...但是我担心还有其他考虑因素或好处在我不知道的地方使用标签。 如果我们不对它们应用样式,LABEL用LITERALs 替换任何s 是否100%罚款?没有其他考虑吗?
102 c#  asp.net  html  controls 

4
绝对位置+滚动
随着以下HTML和CSS .container { position: relative; border: solid 1px red; height: 256px; width: 256px; overflow: auto; } .full-height { position: absolute; top: 0; left: 0; right: 128px; bottom: 0; background: blue; } &lt;div class="container"&gt; &lt;div class="full-height"&gt; &lt;/div&gt; &lt;/div&gt; 运行代码段隐藏结果展开摘要 内部部件div可根据需要占据容器的整个头部。如果现在将其他一些内容添加到容器中,例如: .container { position: relative; border: solid 1px red; height: 256px; width: …
102 html  css 


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.