0

私のウェブサイトは http://www.avidest.com/にあります。FacebookのようなボタンとTwitterのフォローボタンを並べて配置しました。何らかの理由で、FBボタンがTwitterボタンの横ではなく、Twitterボタンの下に表示されています。理由がわかりません。ヘッダーテキストの周りに境界線を配置して、すべての人が見やすいようにしました。これが私のCSSです:

.header {background:url(images/blackwhite10202.png); background-repeat: no-repeat; background-position: center top; padding:0; margin:0 auto; width: 100%; }
.headertop{width: 100%;  background: transparent; height: 30px; min-width: 1020px;  padding-left: 50px; margin: 0 auto;}/*background: #d3e5e8;*/
.topholder1 { background: transparent; margin:0 auto; padding:0; }
.topholder1 .topholder2 { margin: 0 auto; width:1070px;  
.header_text { width:200px; float:right; font:normal 11px Tahoma, Geneva, sans-serif; color:#9a9a9a; padding:6px 450px 10px 200px; margin:0; margin-right: 0px; border: 1px solid black;}

そしてここにhtmlがあります:

<div class="header">
<div class="headertop">
  <div class="topholder1"> 
    <div class="topholder2">
        <img src="images/avidestlogo50perresave.png"  border="0" alt="logo" />
        <div class="header_text">

           Twitter button is here
           FB Button is here
       </div>
    </div>
  </div>

2つのボタンを並べて表示するにはどうすればよいですか?ありがとう。

4

1 に答える 1

1

の幅.header_textはわずか200pxですが、fbウィジェットの幅は450pxです。float:leftTwitterウィジェットに追加する必要があります。

于 2013-03-05T23:01:24.843 に答える