• 解決済 zen73

    (@zen73)


    リンク文字をボタン画像に変更することはできたのですが,右寄せの方法がわからず困っています。
    PHP
    <div class=”btn_s”>>>詳細はコチラ</div>
    CSS
    .btn_s {
    text-align: right;
    padding: 5px;
    clear: both;
    }
    .btn_s a {
    background:url(img/btnnext.jpg) no-repeat;
    display:block;
    height:0;
    overflow:hidden;
    padding-top:20px;//画像の縦幅
    width:85px;//画像の横幅}
    float: right;
    }
    上の結果,画像は左寄せになっています。
    右寄せにする方法をお尋ねします。よろしくお願いします。
    ※ http://zen73.net/wpz/

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • 一つ上のdiv要素の.btn_sと画像を表示する.btn_s a共にblock要素となっているので
    その部分で1行全て使われているので
    あとはボタン画像を右側に配置するだけになります。
    ですので
    btn_s aの
    background:url(img/btnnext.jpg) no-repeat;
    こちらを
    background:url(img/btnnext.jpg) no-repeat right 0;
    にしてやれば右寄せになります。

    トピック投稿者 zen73

    (@zen73)

    jdbbさん,ありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「リンク文字を画像に代替したのですが,右寄せするには」には新たに返信することはできません。