こんにちは。
Djangoでwebアプリを作成しており、そのレイアウト部分で悩んでいます。
よろしければお力を貸していただけないでしょうか?
前提・実現したいこと
HTMLファイルにlogoのイメージを作成しており、そのサイズを変更したい。
発生している問題・エラーメッセージ
なし
該当のソースコード
HTML
1 <header> 2 <a href="{% url 'index' %}"><img src="{% static 'img/logo.svg' %}" alt="logo" class="c_logo"></a> 3 </header> 4
CSS
1header{ 2 background-color: beige; 3} 4 5img.c_logo{ 6 width: 10%; 7}
試したこと
imgの部分をdiv classで囲ったり、上記にあるようにimg自体にclassを持たせたりしたのですが、サイズ変更できませんでした。
HTML
1 <header> 2 <div class="logo_img"> 3 <a href="{% url 'index' %}"><img src="{% static 'img/logo.svg' %}" alt="logo"></a> 4 </div> 5 </header> 6
CSS
1header{ 2 background-color: beige; 3} 4 5.logo_img{ 6 width: 10%; 7} 8
補足情報(FW/ツールのバージョンなど)
HTML5
CSS3
10%は、どこのサイズに対しての比率にしたいのでしょうか?
ページ横幅ですか?
回答1件
あなたの回答
tips
プレビュー