質問編集履歴

5

書式の改善

2016/09/27 07:25

投稿

ubu
ubu

スコア11

test CHANGED
File without changes
test CHANGED
@@ -84,7 +84,7 @@
84
84
 
85
85
  ```
86
86
 
87
- .nav a{
87
+ nav a{
88
88
 
89
89
  padding-top:4px;
90
90
 
@@ -116,6 +116,8 @@
116
116
 
117
117
  background-color:#1941bb;
118
118
 
119
+ color:#fff;
120
+
119
121
  }
120
122
 
121
123
  コード

4

書式の改善

2016/09/27 07:25

投稿

ubu
ubu

スコア11

test CHANGED
File without changes
test CHANGED
@@ -14,13 +14,69 @@
14
14
 
15
15
  ```
16
16
 
17
- <a class="col-md-2 headerbox" href="#">
17
+ <nav>
18
18
 
19
- <strong>HOME</strong><br>
19
+ <div class="container">
20
20
 
21
- <small>ホーム</small>
21
+ <div class="col-md-12 text-center">
22
22
 
23
+ <div class="row">
24
+
25
+ <a class="col-md-2 headerbox box-1 active" href="index.html">
26
+
27
+ <strong class="c-w">HOME</strong><br>
28
+
29
+ <small class="c-w">ホーム</small>
30
+
23
- </a>
31
+ </a>
32
+
33
+ <a class="col-md-2 headerbox" href="#">
34
+
35
+ <strong>ABOUT</strong><br>
36
+
37
+ <small>会社概要</small>
38
+
39
+ </a>
40
+
41
+ <a class="col-md-2 headerbox" href="#">
42
+
43
+ <strong>GALLERY</strong><br>
44
+
45
+ <small>施工事例</small>
46
+
47
+ </a>
48
+
49
+ <a class="col-md-2 headerbox" href="#">
50
+
51
+ <strong>RECRUIT</strong><br>
52
+
53
+ <small>採用情報</small>
54
+
55
+ </a>
56
+
57
+ <a class="col-md-2 headerbox" href="#">
58
+
59
+ <strong>AREA&FLOW</strong><br>
60
+
61
+ <small>エリア・流れ</small>
62
+
63
+ </a>
64
+
65
+ <a class="col-md-2 headerbox" href="#">
66
+
67
+ <strong>CONTACT</strong><br>
68
+
69
+ <small>お問い合わせ</small>
70
+
71
+ </a>
72
+
73
+ </div><!--▲row▲-->
74
+
75
+ </div><!--▲col-md-12 text-center▲-->
76
+
77
+ </div><!--▲container▲-->
78
+
79
+ </nav>
24
80
 
25
81
  コード
26
82
 
@@ -28,11 +84,37 @@
28
84
 
29
85
  ```
30
86
 
87
+ .nav a{
88
+
89
+ padding-top:4px;
90
+
91
+ padding-bottom:4px;
92
+
93
+ }
94
+
95
+
96
+
97
+ .headerbox{
98
+
99
+ border-right:solid 1px #e5e5e5;
100
+
101
+ text-decoration:none;
102
+
103
+ }
104
+
105
+
106
+
107
+ .box-1{
108
+
109
+ border-left:solid 1px #e5e5e5;
110
+
111
+ }
112
+
113
+
114
+
31
115
  a:hover{
32
116
 
33
- background-color:#1941bb;
117
+ background-color:#1941bb;
34
-
35
- color:#fff;
36
118
 
37
119
  }
38
120
 

3

書式の改善

2016/09/27 00:15

投稿

ubu
ubu

スコア11

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,6 @@
1
1
  colでナビメニューを作成しているのですが、メニューをホバーしたときに中の文字のhoverを同時にするのはどうすればよろしいでしょうか?
2
+
3
+ js等は使用してません。
2
4
 
3
5
 
4
6
 
@@ -23,3 +25,17 @@
23
25
  コード
24
26
 
25
27
  ```
28
+
29
+ ```
30
+
31
+ a:hover{
32
+
33
+ background-color:#1941bb;
34
+
35
+ color:#fff;
36
+
37
+ }
38
+
39
+ コード
40
+
41
+ ```

2

書式の改善

2016/09/26 12:48

投稿

ubu
ubu

スコア11

test CHANGED
File without changes
test CHANGED
@@ -10,12 +10,16 @@
10
10
 
11
11
  ###該当のソースコード
12
12
 
13
+ ```
13
14
 
14
-
15
- <a class="col-md-2 headerbox" href="index.html">
15
+ <a class="col-md-2 headerbox" href="#">
16
16
 
17
17
  <strong>HOME</strong><br>
18
18
 
19
19
  <small>ホーム</small>
20
20
 
21
21
  </a>
22
+
23
+ コード
24
+
25
+ ```

1

ソースの変更

2016/09/26 12:37

投稿

ubu
ubu

スコア11

test CHANGED
File without changes
test CHANGED
@@ -12,10 +12,10 @@
12
12
 
13
13
 
14
14
 
15
- <a class="col-md-2 headerbox box-1 active-box" href="index.html">
15
+ <a class="col-md-2 headerbox" href="index.html">
16
16
 
17
- <strong class="c-w">HOME</strong><br>
17
+ <strong>HOME</strong><br>
18
18
 
19
- <small class="c-w">ホーム</small>
19
+ <small>ホーム</small>
20
20
 
21
21
  </a>