Title: ヘッダーの右側に問い合わせ画像を入れリンクしたいが位置が固定しない
Last modified: 2016年7月30日

---

# ヘッダーの右側に問い合わせ画像を入れリンクしたいが位置が固定しない

 *  [fujintoco](https://ja.wordpress.org/support/users/fujintoco/)
 * (@fujintoco)
 * [13年、 9ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ae%e5%8f%b3%e5%81%b4%e3%81%ab%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b%e7%94%bb%e5%83%8f%e3%82%92%e5%85%a5%e3%82%8c%e3%83%aa%e3%83%b3%e3%82%af%e3%81%97/)
 * WordPrssの使用は初心者です。
    ネットで有料テンプレートを使用しているのですが、
   ヘッダーの右上に「問い合わせ画像」を入れ底にリンクしたいと思っています。 画像
   はどうにか表示でき右側のいい位置によったのですが、左側にあるtitle画像の設定が
   わるいのか、右側の画像が上に上がらず、左側の画像の下の位置にまでしか、 動きま
   せん。 Twenty Elevenを利用してカスタマイズされたタグを使用してみました。 どこ
   がどうなっているのか分からずどうか宜しくお願い致します。
 * CSS
 *     ```
       /*************
       /* ヘッダー
       *************/
   
       #header h1 {
       padding: 5px 5px 0px 10px;
       font-size:14px;
       }
   
       #header h1 a{
       display: block;
       width: 220px;
       height: 55px;
       float: left;
       }
   
       #contact {
           float: right;
           width: 20%;
           margin-right: 7.6%;
           padding-top: 5px;
       }
   
       #branding hgroup {
           float: left;
           width: 80%;
           margin-right: 0px;
       #site-title {
           margin-right: 0px;
       }
       #site-description {
           margin-right: 0px;
       }
       ```
   
 * header.php
 *     ```
       <!-- ヘッダー -->
   
       	<div id="header">
                  <h1><?php bloginfo('name'); ?></h1>
                  <!-- ロゴ -->
                  <div class="logo">
                  <a>"><img src="<?php bloginfo('template_directory');?>/images/logo.png" width="220" height="50" alt="Sample site" /></a>
                  </div>
                  <!-- / ロゴ -->
   
       <div id="contact">
       <a href="（お問い合わせフォームページのURLなど）"><img src="<?php bloginfo('template_directory');?>/images/header.png" width="243" height="72" alt="Sample site"></a>
       </div>
       	</div>
       	<!-- / ヘッダー -->
       ```
   
 * どうかよろしくお願いいたします。

4件の返信を表示中 - 1 - 4件目 (全4件中)

 *  [nobita](https://ja.wordpress.org/support/users/nobita/)
 * (@nobita)
 * [13年、 9ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ae%e5%8f%b3%e5%81%b4%e3%81%ab%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b%e7%94%bb%e5%83%8f%e3%82%92%e5%85%a5%e3%82%8c%e3%83%aa%e3%83%b3%e3%82%af%e3%81%97/#post-156086)
 * こんにちは
    ロゴ画像の親ブロックが邪魔をしているからです。
 * 以下のスタイルを追加していただくと原因は、解ると思います。
 *     ```
       #contact,.logo{
       border:1px solid red;
       }
       ```
   
 * 以下変です
 *     ```
       /*************
       /* ヘッダー
       *************/
   
       ....
   
       "><img src="<?php bloginfo('template_directory');?>/images/logo.png" ....
       ```
   
 * 追伸
    ソースコードを記述する場合は コード全体を選択してから　code　ボタン押して
   ください　:)
 *  トピック投稿者 [fujintoco](https://ja.wordpress.org/support/users/fujintoco/)
 * (@fujintoco)
 * [13年、 9ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ae%e5%8f%b3%e5%81%b4%e3%81%ab%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b%e7%94%bb%e5%83%8f%e3%82%92%e5%85%a5%e3%82%8c%e3%83%aa%e3%83%b3%e3%82%af%e3%81%97/#post-156089)
 * nobitaさん
 * ありがとうございます。
    スタイルを入れてみました。赤い枠が出たので、 これが邪魔
   だったのかな？って思いました。 ただ・・・これをどう修正するのかがわかりません。
   なんとも超初心者でして… すみません・・・
 * また、「ソースコードの記述」とありますが…
    どこが変なのかもわかりません…すみません…
 * ご指導いただけると幸いです。
    宜しくお願いいたします。
 *  [nobita](https://ja.wordpress.org/support/users/nobita/)
 * (@nobita)
 * [13年、 9ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ae%e5%8f%b3%e5%81%b4%e3%81%ab%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b%e7%94%bb%e5%83%8f%e3%82%92%e5%85%a5%e3%82%8c%e3%83%aa%e3%83%b3%e3%82%af%e3%81%97/#post-156092)
 * 問い合わせ画像を上に上げるだけでしたら、以下を追加してみてください。
 *     ```
       .logo{
       float:left;
       }
       ```
   
 * このスタイル指定が、どっかでコピペしたものでしたら、せっかくの機会なので、CSS
   の勉強してみるといいですよ。
 * > また、「ソースコードの記述」とありますが…
   >  どこが変なのかもわかりません…すみません…
 * あっ、ごめんなさい
    ちゃんとなってますね　勘違いしたみたいです
 *  トピック投稿者 [fujintoco](https://ja.wordpress.org/support/users/fujintoco/)
 * (@fujintoco)
 * [13年、 9ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ae%e5%8f%b3%e5%81%b4%e3%81%ab%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b%e7%94%bb%e5%83%8f%e3%82%92%e5%85%a5%e3%82%8c%e3%83%aa%e3%83%b3%e3%82%af%e3%81%97/#post-156095)
 * nobitaさん
 * ありがとうございます。
    無事出来ました！
 * 本当に安堵しました。
 * もっとCSSを勉強しなければと思います。
    がんばります。
 * 本当にありがとうございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)

 トピック「ヘッダーの右側に問い合わせ画像を入れリンクしたいが位置が固定しない」に
は新たに返信することはできません。

## タグ

 * [カスタマイズ](https://ja.wordpress.org/support/topic-tag/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba/)
 * [ヘッダー](https://ja.wordpress.org/support/topic-tag/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc/)
 * [header](https://ja.wordpress.org/support/topic-tag/header/)

 * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4件の返信
 * 2人の参加者
 * 最後の返信者: [fujintoco](https://ja.wordpress.org/support/users/fujintoco/)
 * 最後の活動: [13年、 9ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ae%e5%8f%b3%e5%81%b4%e3%81%ab%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b%e7%94%bb%e5%83%8f%e3%82%92%e5%85%a5%e3%82%8c%e3%83%aa%e3%83%b3%e3%82%af%e3%81%97/#post-156095)
 * 状態: 未解決

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック