Q&A
見出しで回答よろしくとと言われてもきちんと質問が書かれていないので難しいです。
きちんと何が問題であるか、何を調べてどう試したかを具体的に記載してください。
配置についてです。pxではなく％を使いたいのですが変換がよくわかりません
自分でも調べたのですが、わかりやすいものがなかったのでご質問しました。
よろしくお願いいたします。
該当のソースコード
HTML
1 2 <body> 3 <footer> 4 <h1>TEAM GRAY</h1> 5 <div> 6 <ul> 7 <li><a href="#">WORKS</a></li> 8 <li>SERVICE</li> 9 <li>ABOUT</li> 10 <li>CONTACT</li> 11 <li><i class="fab fa-instagram"></i></li> 12 <li><i class="fab fa-twitter-square"></i></li> 13 <li><i class="fab fa-facebook-square"></i></li> 14 </ul> 15 </div> 16 </footer> 17 </body>
css
1 2body { 3 font-family: A-OTF 新丸ゴ Pro,H; 4 color: #FFFFFF; 5 width: 100%; 6} 7 8footer { 9 width: 100%; 10 height: 100px; 11 background-color: #1D1D1D; 12} 13 14footer h1 { 15 font-size: 35px; 16 float: left; 17 margin-top: 33px; 18 margin-left: 60px; 19} 20 21footer ul { 22 float: right; 23 width: 767px; 24 height: 40px; 25 margin-right: 25px; 26 margin-top: 30px; 27} 28 29footer li { 30 list-style: none; 31 float: left; 32 font-size: 24px; 33 margin-left: 35px; 34 margin-top: 8px; 35} 36
ご回答のほどよろしくお願いいたします。
回答1件
0
ほぼ同じ回答なので、リンク先を見てください。
【HTML - 文字が被ってしまうのですがどうしたら良いでしょうか?(HTML,CSS)｜teratail】
https://teratail.com/questions/187366
どのようなページを作ろうとしているかがコードだけではわかりませんが、大きな部分のレイアウトにposition float を使うのはお勧めしません。Grid とか Flex で組むようにしてみてください。
投稿2019/05/07 02:42
総合スコア69407
あなたの回答
tips
プレビュー
