teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

画像挿入

2020/11/01 01:27

投稿

Larkiwing
Larkiwing

スコア120

title CHANGED
File without changes
body CHANGED
@@ -1,3 +1,7 @@
1
+ ![画面の下にバーが表示され右に余白が空いています](50c813b5956c2c2a44474a2b472da42a.png)
2
+
3
+ ロゴの大きさは「688x96」と現在なっています
4
+
1
5
  画面の右に余白ができてしまっています。
2
6
 
3
7
  さっきからずっとトライしてますが、なかなか消えてくれません。

1

書式

2020/11/01 01:27

投稿

Larkiwing
Larkiwing

スコア120

title CHANGED
File without changes
body CHANGED
@@ -3,41 +3,56 @@
3
3
  さっきからずっとトライしてますが、なかなか消えてくれません。
4
4
 
5
5
  ```php
6
- <footer class="footer pl-2 pr-2">
7
- <div class="footer-block">
8
- <div class="row">
9
- <!-- Footer Location-->
10
- <div class="col-lg-4">
11
- <p class="company-name h4 text-title">hogehogehoge International Ltd.</p>
12
- <p class="company-address h5 text">
13
- hogehogehoge
14
- <br />
15
- hogehoge
16
- <br />
17
- hogehoge
18
- </p>
6
+ <!DOCTYPE html>
7
+ <html lang="en">
8
+ <head>
9
+ <meta charset="UTF-8">
10
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
11
+ <title>Document</title>
12
+
13
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
14
+ </head>
15
+ <body>
16
+ <footer class="footer pl-2 pr-2">
17
+ <div class="footer-block">
18
+ <div class="row">
19
+ <!-- Footer Location-->
20
+ <div class="col-lg-4">
21
+ <p class="company-name h4 text-title">hogehogehoge International Ltd.</p>
22
+ <p class="company-address h5 text">
23
+ hogehogehoge
24
+ <br />
25
+ hogehoge
26
+ <br />
27
+ hogehoge
28
+ </p>
29
+ </div>
30
+ <!-- Footer Logo-->
31
+ <div class="col-lg-4 footer-logo">
32
+ <a href="<?php echo home_url(); ?>"><img class="logo-image" src="<?php echo get_template_directory_uri(); ?>/img/logo-bottom.jpg" alt=""></a>
33
+ </div>
34
+ <!-- Footer About Text-->
35
+ <div class="col-lg-4 company-right">
36
+ <p class="company-name h4 text-title">© <?php echo date("Y"); ?>hogehoge hogehogehoge<br> Ltd.</p>
37
+ <p class="contact-details h5">
38
+ <a href="" class="text-dark">Email |</a>
39
+ <a href="#" class="text-dark">Phone | </a>
40
+ <a href="https://www.facebook.com/" class="text-dark">Facebook</a> <br>
41
+ <a href="" class="text-dark">Subscribe Newsletter</a>
42
+ </p>
43
+ </div>
19
44
  </div>
20
- <!-- Footer Logo-->
21
- <div class="col-lg-4 footer-logo">
22
- <a href="<?php echo home_url(); ?>"><img class="logo-image" src="<?php echo get_template_directory_uri(); ?>/img/logo-bottom.jpg" alt=""></a>
23
- </div>
24
- <!-- Footer About Text-->
25
- <div class="col-lg-4 company-right">
26
- <p class="company-name h4 text-title">© <?php echo date("Y"); ?>hogehoge hogehogehoge<br> Ltd.</p>
27
- <p class="contact-details h5">
28
- <a href="" class="text-dark">Email |</a>
29
- <a href="#" class="text-dark">Phone | </a>
30
- <a href="https://www.facebook.com/" class="text-dark">Facebook</a> <br>
31
- <a href="" class="text-dark">Subscribe Newsletter</a>
32
- </p>
33
- </div>
34
45
  </div>
35
- </div>
36
- </div>
37
- </footer>
38
- <script type="text/javascript" src="javascript.js"></script>
39
- <?php wp_footer(); ?>
40
- </body>
46
+ </div>
47
+ </footer>
48
+ <script type="text/javascript" src="javascript.js"></script>
49
+ <?php wp_footer(); ?>
50
+ </body>
51
+ </html>
52
+ <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
53
+ <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
54
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
55
+ </body>
41
56
  </html>
42
57
  ```
43
58