1

我正在使用JHtml::tooltip在组件中显示我的工具提示，但问题出在图像位置。我试图添加bottom:0%, bottom:0px。

所以这就是我所拥有的：

图片

我需要该图像与文本内联。这是我的代码：

<div class="serch">
    <div class="advanced_search">
        <span id="advanced_search">Advanced Search</span>
        <span>
            Search: 
            <a href="#"><span id="advanced_search_by_branch"><b>By Branch</b></span></a> |
            <a href="#"><span id="advanced_search_by_address">By Address</span></a> |
            <a href="#"><span id="advanced_search_by_tel">By Telephone Number</span></a> 
            <?php echo JHTML::tooltip('This is a tooltip attached to text', 'Text Tooltip Title', 'tooltip.png');?>
        </span>
    </div>
</div>

此处包含的样式为空。这里也是萤火虫的来源：

在此处输入图像描述

4

3 回答 3

1

你可以试试这个

.hasTip img {vertical-align: baseline;}
于 2012-10-17T11:31:27.710 回答
0

你可以试试内联css...

<img alt="Tooltip" src="/~nonamez/joomla/media/..../tooltip.png" style="margin-top:10px;">..
于 2012-10-17T11:58:43.700 回答
0

您可以尝试一个简单.hasTip img { margin-top: 10px; }的方法将其向下移动 10 像素，然后对其进行更改以使其恰到好处。

于 2012-10-17T11:04:31.963 回答