header.phpに追加したcenterの大きさについて

PR 2018/1/17

このトピックには4件の返信、2人の参加者があり、最後にタカヒロにより8年、 8ヶ月前に更新されました。

4件の返信スレッドを表示中

投稿者

投稿
- 2018年1月16日 6:01 AM #58265
  
  タカヒロ
  ゲスト
  
  こんにちは。
  
  先日はカスタマイズに関して解決していただきありがとうございました。
  
  あれから少しずつサイトのデザインをカスタマイズしているのですが、新たに自分では解決出来ない問題が出てきたので質問させていただきます。
  
  タイトルの通りなのですが、先日ヘッダーにリンクを入れようと試行錯誤していて、結局ヘッダーをcssで非表示にし、header.phpに直接<center>で画像とリンクを入れて表示するようにしました。
  
  しかし、どうもcenterのheight と、画像自体のheight が一致せず、下にあるカテゴリーと微妙に隙間ができてしまっています(説明難しいので、スマホからサイトを見ていただきたいです)
  
  https://japan-lifehack.com/
  
  centerのheight をピクセル指定することで間隔を詰める事はできるのですが、いかんせんスマホの画面のサイズによって表示がずれてしまうので、ピクセルはなるべく使いたくありません。
  
  ピクセル指定せずに、このcenterのheight と画像自体のheight を一致させる事はできますでしょうか？
  
  よろしくお願いいたします。
- 2018年1月16日 4:23 PM #58278
  
  かうたっく
  ゲスト
  
  ピクセル指定せずに、このcenterのheight と画像自体のheight を一致させる事はできますでしょうか？
  
  私なら以下を試すかなと思います。
  
  CSS には vw, vh, vmin, vmax という単位がある
- 2018年1月16日 6:05 PM #58287
  わいひら
  キーマスター
  画像がインライン要素になっているかではないかと思います。
  例えば書き方の一例ではありますが、以下のようにブロック要素にするとか。
```
center a img {
    display: block;
}
```
  もしかしたら、center aもインライン要素ならブロックにする必要があるかも。
- 2018年1月16日 6:16 PM #58289
  わいひら
  キーマスター
  どっちでも大丈夫とは思いますが、こう書いておいたほうが確実かなと思います。
```
center a, 
center a img {
    display: block;
}
```
- 2018年1月16日 9:26 PM #58295
  
  タカヒロ
  ゲスト
  
  かうたっくさん、わいらひさん、ありがとうございます。
  
  どちらも試して、最終的にわいらひさんの方法で解決しました。
  
  ありがとうございました。
投稿者

投稿

4件の返信スレッドを表示中

トピック「header.phpに追加したcenterの大きさについて」には新しい返信をつけることはできません。