0

我在设置 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;
}

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

1 回答 1

0

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

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

这是小提琴

于 2012-12-03T20:23:36.970 回答