廣場醉意的地方，每一個格occure

的Javascript：廣場醉意的地方，每一個格occure

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

我需要的地方如何做到這一點？，現在醉酒總是顯示在左側。示例如何以及如何需要在img中：http://oi43.tinypic.com/adka3t.jpg

來源

2012-03-01 Cameleon

什麼是醉了？ – 2012-03-01 19:03:09

http://onehackoranother.com/projects/jquery/tipsy/ – Cameleon 2012-03-01 19:26:17

在酒醉中有一個offset選項，從元素偏移。

$('.cat_name').tipsy({gravity: 's', offset: 20 });

來源

2012-03-01 19:06:01 Starx

你不太明白什麼是問題:)，偏移量是一回事，讓醉意出現在我的divs之上是我似乎無法鍛鍊。 – Cameleon 2012-03-01 19:24:14

@Cameleon，所以你需要在左邊的框中顯示它，並且在中間框的中心。我對嗎？ – Starx 2012-03-01 19:34:13

-1

不幸的是，您的浮動：左邊是導致醉意計算偏移不正確。你能否以不同的方式佈置你的頁面？舉例來說，以下無聊的舊錶格佈局似乎可以複製您尋找設計的內容，並讓工具提示顯示在您想要的位置。

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-01 19:28:13

表格不應該用來解決這個問題。 – Shikiryu 2013-06-10 15:27:46

廣場醉意的地方，每一個格occure

回答

相關問題