私はこのコードを持っています:
<td><table class="inner">
<?php
foreach($inner_info as $k=>$v)
{
if($v['type']=="pardakhti"){
echo "<tr><td title='<table>
<tr>
<td><strong>نوع پرداخت</strong></td>
<td>".convert_pay_type($v['pay_type'])."</td>
</tr>
<tr><td>تاریخ</td><td>".$v['date']."</td></tr>
</table>'>".$v['amount']."</td></tr>";
}
else{
echo "<tr><td>0</td></tr>";
}
}
?>
</table>
</td>
jquery部分は次のとおりです。
$(document).ready(function(){ $("td").easyTooltip();
$("td").easyTooltip({ tooltipId: "easyTooltip2", }); });
CSS は次のとおりです。
#easyTooltip2{
padding:5px 10px;
border:1px solid #195fa4;
background:#195fa4 url(bg.gif) repeat-x;
color:#fff;
}
#easyTooltip2 table{
margin: 0px;
font-size: 10px;
}
#easyTooltip2 td{
font-size: 10px;
border:none;
}
.inner td {
text-align: center;
height: 10px;
box-shadow: none;
padding: 10px;
}
しかし、それは間違って表示されます。スクリーンショットのリンク:
ここで何が問題なのですか?ご覧のとおり、幅と高さが正しくないアンダーレイ テーブルと、完全に削除する必要があるパディングがあります。なぜテーブルが2つあるのですか?
前もって感謝します