移动链接的标题

时间:2013-04-23 16:12:16

标签: html css hyperlink

我不是HTML / CSS专家,但我负责为我的雇主开发和维护网站。

我的网页中间有一组链接,我希望在不影响任何其他链接的情况下应用特定的CSS,而且我想要做的唯一更改是将标题弹出窗口移到右侧。基本上,指针悬停鼠标图标会阻止标题中的文本,因此我想将弹出窗口移动到指针的右侧,以便在悬停期间可以完全读取它。

我已经看到了一些操作标题弹出窗口的不同方法,但它们要么太复杂了,要么太简单了,因为它们会影响页面上的所有<a>标记,或者不解释怎么做我想要的只是将弹出窗口向右移动一点。

3 个答案:

答案 0 :(得分:0)

您可以使用“内联样式”手动设置页面的任何元素,这不会影响页面上的任何其他元素。

您可以在HTML而不是样式表中执行此操作,例如说您的样式表包含:

.tinybutton {margin:0;padding;0:}

哪个会将HTML中的元素用作:

<a class="tinybutton" href="#"> </a>

现在让我们假装您想要稍微向右移动按钮而不编辑CSS,然后使用内联样式,如下所示:

<a class="tinybutton" style="margin-left:10px" href="#"> </a>

换句话说,只需将style=" "添加到您想要编辑的元素所需的样式选项,而不会影响CSS。

答案 1 :(得分:0)

现在您已经回答了自己的问题,我知道您要移动的标题是浏览器生成的工具提示。

不仅可以移动那些,这些工具提示取决于浏览器,并且在每个浏览器上看起来都不同。我不知道你使用的是哪一个,但是不是 Chrome,因为我们确保工具提示不会与鼠标光标重叠。

另一种可能性,就像你提到的jQuery插件一样,是编写Javascript,将每个标题呈现在自己不可见的HTML元素中。然后通过添加a:hover样式或鼠标事件处理程序使这些工具提示出现。

答案 2 :(得分:-1)

在对此进行了进一步研究后,我在StackExchange中发现了几个问题,表明标题无法修改。所以这个:

<a title='stuff here' href='#'>Click me!</a>

使用jscript,css等操作“stuff here”部分是不可能的。唯一的选择是使用jQuery插件或其他类似的东西,事实证明这超出了我的排除故障的能力。 / p>

暂时,我只是在标题的前面添加了空格来推出文本,如下所示:

<a title='     stuff here' href='#'>Click me!</a>