質問編集履歴

1 質問が抽象的だったため

JunJu

JunJu score 16

2019/05/07 12:00  投稿

フッターのコードで何かご指摘ありましたらお願いいたします
配置についてです。pxではなく%を使いたいのですが変換がよくわかりません
# フッターのコードで何かご指摘ありましたらお願いいたします
# 配置についてです。pxではなく%を使いたいのですが変換がよくわかりません
自分でも調べたのですが、わかりやすいものがなかったのでご質問しました。  
よろしくお願いいたします。  
# 該当のソースコード
```HTML
 <body>
   <footer>
     <h1>TEAM GRAY</h1>
     <div>
     <ul>
       <li><a href="#">WORKS</a></li>
       <li>SERVICE</li>
       <li>ABOUT</li>
       <li>CONTACT</li>
       <li><i class="fab fa-instagram"></i></li>
       <li><i class="fab fa-twitter-square"></i></li>
       <li><i class="fab fa-facebook-square"></i></li>
     </ul>
     </div>
   </footer>
 </body>
```
```css
body {
 font-family: A-OTF 新丸ゴ Pro,H;
 color: #FFFFFF;
 width: 100%;
}
footer {
 width: 100%;
 height: 100px;
 background-color: #1D1D1D;
}
footer h1 {
 font-size: 35px;
 float: left;
 margin-top: 33px;
 margin-left: 60px;
}
footer ul {
 float: right;
 width: 767px;
 height: 40px;
 margin-right: 25px;
 margin-top: 30px;
}
footer li {
 list-style: none;
 float: left;
 font-size: 24px;
 margin-left: 35px;
 margin-top: 8px;
}
```
# ご回答のほどよろしくお願いいたします。
  • HTML

    20027 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    14017 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る