草庐IT

titled-border

全部标签

html - margin、padding、border 都为零后还有空间吗?

我已将边距、填充和边框设置为零,但在Firefox和Chrome中我的Canvas和div周围仍然有空间。显然,我不明白如何在HTML中调整元素,非常感谢您的建议和指点。SpacingQuestion*{border:0px;margin:0px;padding:0px;}canvas{width:150px;height:150px;}body{background-color:Purple;color:Silver;}functiondraw(){varcanvas=document.getElementById('canvas1');if(canvas.getContext){v

html - 为 Twitter 分享和 Facebook 分享使用独特的标题标签... og :title overwriting twitter:title

我有两个社交共享元标记,我正在使用og:title用于Facebook和twitter:title用于Twitter。我需要每一个都不一样。Twitter总是使用开放图表标题,我需要找到一种方法为每个共享标题提供不同的内容。目前我的代码如下。共享功能正在使用“添加”https://www.addthis.com/academy/setting-the-url-title-to-share/该软件是多个站点的模板,因此编辑HTML并不容易我想找到一个仅使用元标记的解决方案。我正在使用并分享这个Twitter分享仍然使用OG标签。添加这段代码看起来像varaddthis_config={s

html - 我可以依赖显示为工具提示的 title 属性吗?

一段时间以来,我们一直在将简单的工具提示编码到我们的网站中,并且刚刚意识到我们可以通过简单地使用“title”属性来完成同样的事情。我们不应该使用title属性作为工具提示的任何理由?是否有不支持此功能的浏览器?(w3schools似乎表明所有主流浏览器都支持这个。) 最佳答案 这是一个标准,你应该很安全。参见http://www.w3.org/TR/html4/struct/global.html#h-7.4.3 关于html-我可以依赖显示为工具提示的title属性吗?,我们在Sta

html - 如何将 TITLE 和 ALT 添加到背景图像(CSS Sprites)?

在我的元素中,我使用了CSSSprite,因为有很多图像,现在我们的SEO团队说图像应该有ALT和TITLE标签。我知道Title和ALT不能添加到背景中。所以他们想出了一个想法,在背景中的那些图像上放置一个html中的透明图像,但对我来说这似乎很不合逻辑(如果图像与关键字不相关,那又有什么关系)。因此,请帮助我解决这个问题,以非常合乎逻辑的理由支持您的回答的最佳做法是什么?这样我就可以处理SEO团队。 最佳答案 我会说不要使用透明图像,因为早期版本的IE不能很好地支持它们。你会看到黑色block。但这可以通过一些javascrip

html - CSS 表格 - 添加边距列和行 border-bottom

我有一个HTML表格元素,我想在列之间添加边距,所以我使用了这些css属性:table{border-collapse:separate;border-spacing:36px0px;}现在我想将border-bottom添加到整行,包括标题和正文中的每个tr,但边框没有出现。我用过:tr{border-bottom:1pxsolidblue;}它仅在我使用时出现:table{border-collapse:collapse;}但是我不会在列之间留边距。我添加了我的DEMOhere. 最佳答案 您可以使用:after伪类来设置样式,

javascript - 防止父元素的 "title"属性导致浏览器飞越

优秀的浏览器都是这样工作的,即元素的空“title”属性意味着“不要费心在这里显示标题天桥”。这是有道理的,因为对于大多数人来说,一个什么都没有的白色小天桥(编辑—或者除了一个空格字符什么都没有)是完全没用的。IE的设计者不同意。我的问题是我有点“这是什么?”涉及绝对定位的站点上的机制包含一个问号的小图形。那有一个“标题”属性,其中包含一个问题,例如“‘历史记录清除器按钮’有什么作用?”当您单击问号时,会弹出一个小“帮助”气泡,您可以阅读有关该主题的信息。“标题”的想法是,如果用户将鼠标悬停在问号上,他们会看到一个(希望如此)他们可能想知道的问题。“标题”的问题在于弹出的“帮助”气球位

html - border-collapse 和 colspan 的奇怪行为

我正在尝试用HTML制作组织结构图。代码相当简单,但我在Chrome/Safari和Opera中呈现时遇到了一些问题。这是在Firefox和IE中运行的结果应该是这样的:这是在Chrome和Safari中这是在Opera中:问题来自CSS中的border-collapse:collapse属性。如果我使用旧的编码风格cellspacing="0"cellpadding="0"它或多或少会起作用,但在HTML5中无效。我创建了一个jsFiddle来显示问题:http://jsfiddle.net/aGVp4/7/我的HTML:还有我的CSS:.orgchart{border-spacin

javascript - 自定义 <img title> 工具提示

我想知道是否可以自定义在img标签中设置title属性后获得的工具提示?现在我得到一个带有蓝色背景的标准矩形,上面有文字,我想要得到的是我自己的图像(假设看起来像云)上面有文字。用css或者js可以吗? 最佳答案 为此你需要javascript。尝试thishere或here或者你可以自己动手。但是基本上没有办法直接在html中做(不知道htm5/css3)。 关于javascript-自定义工具提示,我们在StackOverflow上找到一个类似的问题: h

html - Chrome 与 box-sizing :border-box in a display:table

我正在使用display:table进行小型2Pane布局。对于间距(也来自背景图像),我使用padding。因为我需要child从可用空间中获得一个精确的width:50%(考虑到父级div的填充),我使用box-尺寸:边框框。这在Opera中运行良好,但在Chrome中box-sizing:border-box甚至-webkit-box-sizing:border-box都被默默地忽略了。我制作了一个展示问题的演示。两个红色框应该是正方形,蓝色框的宽度和高度应该是200px:http://jsfiddle.net/fabb/JKECK/这是html源代码:Somethingonth

html - HTML dfn 和 abbr 标签以及 title 属性的正确用法

我正在尝试找出使用dfn标签以及title属性和abbr标签的正确方法不确定我是否做对了,希望有人能告诉我下面的所有示例是否正确或错误,如果是这样的话,哪个示例是错误的以及为什么这样我可以更好地理解什么我正在做并纠正我的错误谢谢?示例1CSSisasimplemechanismforaddingstyletoWebdocuments.示例2CSSisasimplemechanismforaddingstyletoWebdocuments.示例3CSSisasimplemechanismforaddingstyletoWebdocuments.示例4CSSisasimplemechani