在網站上的twitter飼料是在一個重複框混亂

我在我的網站上有一個推特飼料，我試圖把它放在一個盒子有一個頂部，中間部分根據需要重複以適應文本和底部圖像以及底部以下的圖像。問題在於最初飼料在一個沒有重複的箱子裏，或者飼料只是在箱子的頂部，但現在我無法將箱子設置正確或飼料做它的事情。這裏是我的代碼：在網站上的twitter飼料是在一個重複框混亂

#twitter_update_list { 
overflow: hidden; 
font-family:Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #FFFFFF; 
line-height: 20px; 
padding-top: 0; 
padding-right: 0; 
padding-bottom: 0; 
padding-left: 0; 
} 

#twitter_update_list li { 
font-family:Arial, Helvetica, sans-serif; 
color:#000000; 
list-style: none; 
} 

#twitter_update_list li a { 
color:#f7f6e7; 
text-decoration: none; 
} 

#twitter_update_list li a:hover { 
border-bottom-width: 1px; 
border-bottom-style: dotted; 
border-bottom-color: #f7f6e7; 
} 

.twitter_top { 
position:absolute; 
left:632px; 
top: 39px; 
    width: 333px; 
    height: 27px; 
    background:url(twittertop.png); 
} 

.twitter_mid { 
width: 333px; 
background:url(twittermiddle.png); 
background-repeat:repeat-y; 
padding: 0 15px; 
} 

.twitter_bot { 
width: 333px; 
height: 27px; 
background:url(twitterbottom.png); 
background-repeat:no-repeat; 
margin-bottom: 0px; 
} 

    .twitter_whale { 
    width: 140px; 
    height: 67px; 
    left: 900px; 
    background-image: url(Layer-6.png) no-repeat; 
    position: absolute; 
    left: 9px; 
    top: 9px; 
    line-height: 13px; 
    } 





<div class="twitter_top"></div> 
<div class="twitter_mid"> 
<ul id="twitter_update_list"></ul> 
</div> 
<div class="twitter_bot"></div> 
<div class="twitter_whale"> 


    <div id="twitter_div"><ul id="twitter_update_list"><li></li></ul></div> 

(update list i'm not putting in here because it's just the js) 
    </div>

來源

2012-05-02 Rebecca Diamond

<div id="twitter_box"> 
    <div id="twitter_top"> 
    </div> 

    <div id="twitter_middle"> 
    </div> 

    <div id="twitter_bottom"> 
    </div> 
</div>

我認爲這將更有意義，包含它們都在同一個DIV，從這裏你可以設置你的風格，因爲你想要的中間環節，擴大離開高度動態。

來源

2012-05-02 22:21:15

在網站上的twitter飼料是在一個重複框混亂

回答

相關問題