0

WordPress のヘッダー画像の上の特定の位置に Facebook の Like ボタンを修正しようとしていますが、CSS のスタイリング (および ID とクラスの可能性) に問題があります。

このウェブサイトで、画像ヘッダー画像の青い部分にある「今すぐ参加」というテキストの下に「いいね」ボタンを配置したいと考えています。

別の div クラスを作成して配置しようとしましたが、控えめに言っても、固定/絶対/相対に関する私の知識はかなり粗雑です。絶対位置にしましたが、ブラウズウィンドウのサイズを変更すると画像にとどまりません。(私たちは若い学生をキャンペーンのターゲットにしているため、小さなラップトップ画面やスマートフォンから多くのユーザーがサイトにアクセスするため、応答性が高くなければなりません)

誰も私がこれを行う方法を知っていますか?

ありがとう :)

4

1 に答える 1

2

HTML 要素のレイアウトを編集して、いいね ボタンがメインの画像リンクの下に次のように配置されるようにします。

<div id="header-banner" style="width:100%;height:300px;">
  <a href="http://www.w4u.org.uk/">
    <img src="http://www.w4u.org.uk/wp-content/uploads/2013/02/copy-home-banner.jpg" class="header-image" width="960" height="250" alt="">
  </a>
  <div class="fb-like"></div>
</div>

配置したら、既に配置されているインライン スタイルにこれを追加して、いいね ボタンの CSS を調整します。

top: -98px;

変更を加えた後のイメージは次のとおりです。

于 2013-02-02T03:16:36.477 に答える