如何在Joomla工具提示中以div格式顯示圖片？

我使用JHtml::tooltip在組件中顯示我的工具提示，但問題出在圖像位置。我試圖添加bottom:0%,bottom:0px。如何在Joomla工具提示中以div格式顯示圖片？

所以這是我有：

我需要的圖像將與文本內聯。這是我的代碼：

<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>

此處包括的樣式爲空。這裏的來源還包括螢火蟲：

enter image description here

來源

2012-10-17 NoNameZ

你可以嘗試一個簡單的.hasTip img { margin-top: 10px; }往下移動10px的，改變這種得到它恰到好處。

來源

2012-10-17 11:04:31 Andy

它拉滿格，而不是圖像。 – NoNameZ

你可以試試這個

.hasTip img {vertical-align: baseline;}

來源

2012-10-17 11:31:27 Toretto

您可以嘗試內嵌CSS ...

<img alt="Tooltip" src="/~nonamez/joomla/media/..../tooltip.png" style="margin-top:10px;">..

來源

2012-10-17 11:58:43 Gaurav

如何在Joomla工具提示中以div格式顯示圖片？

回答

相關問題