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 に答える