Question

我有一个小问题，我正在浏览我的页面。[/ p>

我似乎无法将图像置于左侧，右边距为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;
}

JS

<!-- 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>

Answer 1

我认为问题出在你的CSS中;你应该在左边“左边”浮动你想要的图像。

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

Here is the Fiddle

使用头像设计单个Twitter Feed

1 个答案: