2011-09-15 53 views
0

我想从jquery主题到文本框元素的权利对齐一个UI图标没有运气。UI图标跨度不显示内联

我已经尝试了不同的浮动(左浮动将它推到我的文本框的左侧,右浮动将它一直推到我的父元素的末尾,因此它不会坐在我的文本框旁边),我试过显示器:内嵌,我试过显示器:内嵌块...没有任何东西似乎工作。

不应该跨越只是呈现HTML内联,正确的地方,我把它放在页面上?

<td><input type="text" maxlength="4" name="tb" id="tb" style="width:30px;" /><span class="ui-icon ui-icon-help ui-state-default" id="tbHelp" style="inline-block;" title="What's This?"></span></td> 

回答

0

您可以将类或id分配给td并为此元素分配宽度。应该考虑图标大小来分配此宽度。然后继续右键。跨度元素用于文字,为什么你不使用图像标签这个图标?

<head> 
     <style type="text/css"> 
      .tdd{ 
       width: 50px; 
       height: 20px; 
       background-color: blue; 
      } 
     </style> 
    </head> 
<body> 
    <table> 
    <td class="tdd"><input type="text" maxlength="4" name="tb" id="tb" style="width:30px;" /><img src="img/bgFlag.png" width="16" height="16" class="ui" id="tbHelp" style="inline-block;" title="What's This?"></td> 
    </table> 
+0

在td上放一个宽度的问题是在这个之上有几行有更宽的元素。我想我可以将图像集中的问号剪出来作为UI图标,并将其作为图像,但我希望有更优雅的东西... –

+0

在这种情况下发布更多代码 – George