ID非公開

2017/5/3 13:05

33回答

Tumblrのテーマ編集(HTML)で ヘッダーを画面の横幅いっぱいに表示する方法を教えて頂きたいです 使用しているテーマは「Tumblr Official」で

Tumblrのテーマ編集(HTML)で ヘッダーを画面の横幅いっぱいに表示する方法を教えて頂きたいです 使用しているテーマは「Tumblr Official」で レイアウトは「Regular」「Minimal」「Wide」「Grid」 どれを選択しても 全て同じヘッダーの表示になるように設定したいです よろしくお願い致します

画像
補足

手持ちの画像を横幅いっぱいに設定したいです

HTML、CSS | Tumblr321閲覧xmlns="http://www.w3.org/2000/svg">500

ベストアンサー

0

<div id="myHeaderimgWrap"> <img id="myHeaderimg" src="hoge.jpg"> </div> #myHeaderimgWrap{ position:relative; padding-top: /*画像の縦幅*/ ; } #myHeaderimg{ position: absolute; top: 0; left: 50%; width: 100vw; transform: translateX( -50% ); } みたいな感じ? tumblrのカスタムまだやったことないから詳しくは分かんないけど、普通のhtml,cssならこれでうまくいくと思う。

その他の回答(2件)

0

ID非公開さん HTMLの知識が全くないのなら、ちょっと難しいと思います。例えそのエレメントにstyle="width:100%;"を設定したとしても、その親エレメントにmarginなりpaddingなりが設定されていれば、横幅いっぱいにはなりません。まして、どのレイアウトを選択しても同じ表示に、となると、最低限でもHTMLとCSSを理解していないと無理です。

0

style="width:100%;"を設定しましょう

ID非公開

質問者

2017/5/3 14:07

回答ありがとうございます。 HTMLの知識が全く無いものでして、ソース内のどこに記述したらいいのか分からず苦戦しています。