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

質問編集履歴

1

誤字修正

2021/09/22 22:59

投稿

iiinnn
iiinnn

スコア8

title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,6 @@
1
1
  ### 前提・実現したいこと
2
2
 
3
- ![![イメージ説明](f5cfa5f57c0b1eda311ca850dd936796.jpeg)
3
+
4
4
    ATOMエディタでHTML CSS javascriptを使いHPを製作しています。
5
5
  ヘッダー作成中に項目が右寄せできなくて詰まっていいるのでご教授いただきたいです。
6
6
  また、スライダー写真と本文の間になぜか隙間が出てしまっているのでそこも見ていただけると嬉しいです。
@@ -35,9 +35,9 @@
35
35
     <div class="headerRight">
36
36
      <nav class="global">
37
37
     <ul class="globalList">
38
-    <li><a href="index.html">HOME</a></li>
38
+    <li><a href="index.html"></a></li>
39
-    <li><a href="#Corporate Date">会社概要</a></li>
39
+    <li><a href="#Corporate Date"></a></li>
40
-     <li><a href="#Access">アクセス</a></li>
40
+     <li><a href="#Access"></a></li>
41
41
         </ul>
42
42
      </nav>
43
43
     </div>
@@ -50,8 +50,6 @@
50
50
  <div class="swiper-wrapper">
51
51
  <div class="swiper-slide"><img src="./image/buildings.jpg" alt=""></div>
52
52
  <div class="swiper-slide"><img src="./image/1.jpg.webp"></div>
53
- <div class="swiper-slide"><img src="./image/bala.webp"></div>
54
- <div class="swiper-slide"><img src="./image/sosu.webp"></div>
55
53
  </div>
56
54
  <!-- スライダー上の文字-->
57
55
    <div class="mainVisual_overRay">
@@ -70,8 +68,8 @@
70
68
  <p class="border"></p>
71
69
 
72
70
  <div class="wrapper">
73
- <h3> 企業理念
71
+ <h3> 
74
- <span class="super">Corporate Philosophy</span></h3>
72
+ <span class="super"></span></h3>
75
73
 
76
74
  <div class="space">
77
75
 
@@ -79,8 +77,8 @@
79
77
 
80
78
  </div>
81
79
 
82
- <h3 id="Corporate Date"> 会社概要
80
+ <h3 id="Corporate Date">
83
- <span class="super">Corporate Date</span></h3>
81
+ <span class="super"></span></h3>
84
82
 
85
83
  <table>
86
84
  <tbody>
@@ -103,17 +101,17 @@
103
101
  </tbody>
104
102
  </table>
105
103
 
106
- <h3> 事業内容
104
+ <h3>
107
105
  <span class="super">Our Business</span></h3>
108
106
  <div class="space">
109
107
  <p></p>
110
108
  </div>
111
109
 
112
110
 
113
- <h3 id="Access"> アクセス
111
+ <h3 id="Access">
114
112
  <span class="super">Access</span></h3>
115
113
  <div>
116
- <h4>&emsp; 本社</h4>
114
+ <h4></h4>
117
115
  <div class="space">
118
116
  <p><br />
119
117
  <br /></div>
@@ -127,7 +125,7 @@
127
125
  <div class="footer">
128
126
  <div class="space">
129
127
  <div class="CopyRight" style="text-align: right">
130
- <p><a href="index.html">&copy; 2021-.</p>
128
+ <p><a href="index.html"></p>
131
129
  </div>
132
130
  </div>
133
131
  </div>
@@ -165,8 +163,8 @@
165
163
    position: relative;
166
164
  }
167
165
  .headerLeft-logo{
168
- width: 0px; /*width: 100px;*/
166
+ width: 0px;
169
- height: 0px; /*width: 100px;*/
167
+ height: 0px;
170
168
  max-height: 100px;
171
169
  padding: 0 10px; /*ロゴ右間隔*/
172
170
  margin-right: auto;
@@ -186,7 +184,6 @@
186
184
  position: relative;
187
185
  padding: 0 10px; /*ヘッダー中 間隔*/
188
186
  border-right: none;
189
- ![![イメージ説明](6d80aa078c562a975f318863359253b1.png)](8a8c87b04f2187f0d415a80182c7a42e.png)}
190
187
  .globalList > li > a:hover{
191
188
  opacity: 0.9;
192
189
  }