0

署名のすぐ上にある「いいね」の灰色のバーを、右上にある小さなアイコンのある「いいね」リンクの左側に移動しようとしています。

例: http://www.talkjesus.com/bible-study-hall/44722-antimonianism.html#post220422

今のCSSコード

.vbseo_buttons .vbseo_liked {
    background: rgba(46, 53, 57, .8);
        color: #fff;
        border: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    clear: both;
    display: block;
    padding: 12px;
    margin: 5px 30px;
    <vb:if condition="$stylevar['textdirection'] == 'rtl'">
        background-position: right;
    </vb:if>
}

display: ブロックを display: inline に変更すると、次のように同じ行に移動します: http://i49.tinypic.com/348lonc.png

ただし、margin プロパティと width プロパティは失われます。width: 50%; を追加して幅を固定しようとしました。しかし、それは何も変わりませんでした。マージンと幅を固定しながらインラインに保つにはどうすればよいですか?

4

1 に答える 1

0

スレッドがハートで持っているいいねの数を示す灰色のバーが右上にあることを意味しますか? マージンを維持するには、灰色のボックスをフロートするだけです

左に浮かんだ

.vbseo_buttons .vbseo_liked {
background: rgba(46,53,57,.8);
color: #fff;
border: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
clear: both;
padding: 12px;
margin: 5px 30px;
float: left;
}

これを右上に移動するには、テンプレートを変更する必要があり、最終的にはこのようになりますがafter_content、vbseo_liked コンテナーのみを移動する場合は、必要に応じて div 全体を移動するか、スタイルを変更する必要があります。また、clear:both スタイルも削除します。

ここに画像の説明を入力

于 2013-03-09T02:30:11.223 に答える