0

Javascript：

<script type="text/javascript">
  $(function() { $('.cat_name').tipsy({gravity: 's'}); });
</script>

TPL Smarty：

<div id="content_inside">
    <a href="#" title="Test" id="1" class="cat_name">
        <div class="box">
        </div>
    </a>
    <a href="#" title="Test2" id="2" class="cat_name">
        <div class="box">
        </div>
    </a>
</div><!-- content end -->

CSS：

#content_inside {
    height: 500px;
    width: 950px;
    padding:5px;
}

.box {
    width: 300px;
    height: 261px;
    padding: 5px;
    float: left;
}

.box {
    margin: auto;
    background: url(../images/box1.jpg) no-repeat top left;
}

すべてのdivリンクの上部中央にほろ酔いを配置する必要があります。その方法は？今のところ、ほろ酔いは常に左側に表示されます。どのように、どのようにimgに含める必要があるかの例：http：//oi43.tinypic.com/adka3t.jpg

4

2 に答える 2

0

offset要素からオフセットするオプションがほろ酔いにあります。

$('.cat_name').tipsy({gravity: 's', offset: 20 });
于 2012-03-01T19:06:01.277 に答える
-1

残念ながら、float：leftが原因で、オフセットが誤って計算されてしまいます。ページのレイアウトを変えることはできますか？例として、次の退屈な古いテーブルレイアウトは、デザイン的に探しているものを複製しているように見えます。また、ツールチップを必要な場所に表示することもできます。

HTML：

<div id="content_inside">
<table>
<tr>
    <td class="box"><a href="#" title="Test" id="1" class="cat_name">lkjoijkj lj lkj oij oi</a></td>
    <td class="box"><a href="#" title="Test 2" id="2" class="cat_name">lkjoijkj lj lkj oij oi</a></td>
</tr>
</table>
</div>

CSS：

#content_inside {
    height: 500px;
    width: 950px;
    padding:5px;
}

.box {
    width: 300px;
    height: 261px;
    padding: 5px;
}
a { 
    display:block; 
    height: 100%;
}
于 2012-03-01T19:28:13.737 に答える