使用頭像設計一個Twitter資訊提供的樣式

我正在設計一個輕微的問題，爲我正在瀏覽的頁面添加一個Twitter提要。使用頭像設計一個Twitter資訊提供的樣式

我似乎無法讓圖像坐在左邊，右邊距爲15px，然後文本會浮動到圖像右側。目前它在圖像上重疊，但我實際上可以將文本作爲目標來分離它，因爲代碼是由JS生成的。有任何想法嗎？

HTML

<div id="twitter"> 
    <h2 class="twitter-header">Twitter</h2> 
    <div id="tweet" ></div> 
    <img class="followme" src="images/follow-me.jpg" /> 
</div>

CSS

#gezzamondo .sidebar #twitter #tweet{ 
    color:#099!important; 
} 

#gezzamondo .sidebar #twitter .twitter-header{ 
    background-image:url(../images/twitter.png); 
    background-repeat:no-repeat; 
    padding-left:20px; 
} 

#gezzamondo .sidebar #twitter #tweet ul li img{ 
    float:left; 
    margin-top:-25px; 
} 

#gezzamondo .sidebar #twitter #tweet ul li { 
} 

.followme{ 
    margin-top:15px; 
    float:right; 
}

<!-- Twitter feed --> 
<script src="http://twitterjs.googlecode.com/svn/trunk/src/twitter.min.js"></script> 
<script type="text/javascript"> 
    getTwitters('tweet', { 
    id: 'gezzamondo', 
    count: 1, 
    enableLinks: true, 
    ignoreReplies: true, 
    clearContents: true, 
    <!--template: '"%text%" <a href="http://twitter.com/%user_screen_name%/statuses/%id%/">%time%</a>' --> 
    template: '"%text%" <img src="%user_profile_image_url%" height="" width="" /><a href="http://twitter.com/%user_screen_name%/statuses/%id%/">%time%</a>' 
    }); 
</script>

來源

2012-12-03 Gezzamondo

我認爲這個問題是在你的CSS;你應該將左邊的圖像浮在左邊。

.followme{ 
    margin-top:15px; 
    float:left; 
}

Here is the Fiddle

來源

2012-12-03 20:23:36 TNCodeMonkey

使用頭像設計一個Twitter資訊提供的樣式

回答

相關問題