質問編集履歴
10
test
test
CHANGED
File without changes
|
test
CHANGED
@@ -34,7 +34,11 @@
|
|
34
34
|
|
35
35
|
</ul>
|
36
36
|
|
37
|
-
</div> <!--headermanu -->
|
37
|
+
</div> <!--headermanu -->
|
38
|
+
|
39
|
+
|
40
|
+
|
41
|
+
```
|
38
42
|
|
39
43
|
|
40
44
|
|
9
test
test
CHANGED
File without changes
|
test
CHANGED
@@ -48,7 +48,9 @@
|
|
48
48
|
|
49
49
|
|
50
50
|
|
51
|
+
```
|
52
|
+
|
51
|
-
|
53
|
+
#headermenu{
|
52
54
|
|
53
55
|
height: 65px;
|
54
56
|
|
@@ -98,7 +100,11 @@
|
|
98
100
|
|
99
101
|
background-color: #fff;
|
100
102
|
|
103
|
+
}
|
104
|
+
|
105
|
+
|
106
|
+
|
101
|
-
|
107
|
+
```
|
102
108
|
|
103
109
|
|
104
110
|
|
8
test
test
CHANGED
File without changes
|
test
CHANGED
@@ -34,7 +34,7 @@
|
|
34
34
|
|
35
35
|
</ul>
|
36
36
|
|
37
|
-
</div> <!--headermanu -->
|
37
|
+
</div> <!--headermanu --> ```
|
38
38
|
|
39
39
|
|
40
40
|
|
@@ -48,7 +48,7 @@
|
|
48
48
|
|
49
49
|
|
50
50
|
|
51
|
-
#headermenu{
|
51
|
+
```#headermenu{
|
52
52
|
|
53
53
|
height: 65px;
|
54
54
|
|
7
test
test
CHANGED
File without changes
|
test
CHANGED
@@ -35,12 +35,6 @@
|
|
35
35
|
</ul>
|
36
36
|
|
37
37
|
</div> <!--headermanu -->
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
38
|
|
45
39
|
|
46
40
|
|
@@ -104,7 +98,7 @@
|
|
104
98
|
|
105
99
|
background-color: #fff;
|
106
100
|
|
107
|
-
}
|
101
|
+
}```
|
108
102
|
|
109
103
|
|
110
104
|
|
6
test
test
CHANGED
File without changes
|
test
CHANGED
@@ -34,7 +34,7 @@
|
|
34
34
|
|
35
35
|
</ul>
|
36
36
|
|
37
|
-
</div> <!--headermanu -->
|
37
|
+
</div> <!--headermanu -->
|
38
38
|
|
39
39
|
|
40
40
|
|
@@ -54,7 +54,7 @@
|
|
54
54
|
|
55
55
|
|
56
56
|
|
57
|
-
|
57
|
+
#headermenu{
|
58
58
|
|
59
59
|
height: 65px;
|
60
60
|
|
@@ -104,9 +104,7 @@
|
|
104
104
|
|
105
105
|
background-color: #fff;
|
106
106
|
|
107
|
-
} />
|
108
|
-
|
109
|
-
|
107
|
+
}
|
110
108
|
|
111
109
|
|
112
110
|
|
5
test
test
CHANGED
File without changes
|
test
CHANGED
@@ -34,7 +34,19 @@
|
|
34
34
|
|
35
35
|
</ul>
|
36
36
|
|
37
|
-
</div> <!--headermanu -->
|
37
|
+
</div> <!--headermanu --> ```
|
38
|
+
|
39
|
+
|
40
|
+
|
41
|
+
|
42
|
+
|
43
|
+
|
44
|
+
|
45
|
+
|
46
|
+
|
47
|
+
|
48
|
+
|
49
|
+
|
38
50
|
|
39
51
|
|
40
52
|
|
@@ -42,7 +54,7 @@
|
|
42
54
|
|
43
55
|
|
44
56
|
|
45
|
-
``` #headermenu{
|
57
|
+
``` < #headermenu{
|
46
58
|
|
47
59
|
height: 65px;
|
48
60
|
|
@@ -92,7 +104,7 @@
|
|
92
104
|
|
93
105
|
background-color: #fff;
|
94
106
|
|
95
|
-
}
|
107
|
+
} />
|
96
108
|
|
97
109
|
```
|
98
110
|
|
4
test
test
CHANGED
File without changes
|
test
CHANGED
@@ -34,7 +34,7 @@
|
|
34
34
|
|
35
35
|
</ul>
|
36
36
|
|
37
|
-
</div> <!--headermanu -->
|
37
|
+
</div> <!--headermanu -->
|
38
38
|
|
39
39
|
|
40
40
|
|
3
test
test
CHANGED
File without changes
|
test
CHANGED
@@ -12,7 +12,7 @@
|
|
12
12
|
|
13
13
|
###該当のソースコード html
|
14
14
|
|
15
|
-
<div id="headermenu">
|
15
|
+
``` <div id="headermenu">
|
16
16
|
|
17
17
|
<img class="logo" src="logo.png">
|
18
18
|
|
@@ -34,7 +34,7 @@
|
|
34
34
|
|
35
35
|
</ul>
|
36
36
|
|
37
|
-
</div> <!--headermanu -->
|
37
|
+
</div> <!--headermanu --> ```
|
38
38
|
|
39
39
|
|
40
40
|
|
@@ -42,7 +42,7 @@
|
|
42
42
|
|
43
43
|
|
44
44
|
|
45
|
-
#headermenu{
|
45
|
+
``` #headermenu{
|
46
46
|
|
47
47
|
height: 65px;
|
48
48
|
|
@@ -94,7 +94,7 @@
|
|
94
94
|
|
95
95
|
}
|
96
96
|
|
97
|
-
|
97
|
+
```
|
98
98
|
|
99
99
|
|
100
100
|
|
2
IE用のハックを追加しました。がウィンドウサイズをかえるとやはり折り返えされ横並びのまま表示できないです
test
CHANGED
File without changes
|
test
CHANGED
@@ -72,11 +72,11 @@
|
|
72
72
|
|
73
73
|
padding: 10px 2%;
|
74
74
|
|
75
|
-
|
75
|
+
display: inline\9;/* IE10以下 */
|
76
76
|
|
77
|
-
|
77
|
+
*display: inline;/* IE7以下 */
|
78
78
|
|
79
|
-
|
79
|
+
_display: inline;/* IE6 */
|
80
80
|
|
81
81
|
|
82
82
|
|
1
教えていただいた通りに変更してみました。がうまくいかないので助けてもらえませんか?
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
display:inline-block;を使って横並びにした要素を
|
1
|
+
display:inline-block;を使って横並びにした要素をウィンドウサイズを変えた時に可変し、そのまま横並びで表示されるようにしたい。
|
test
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
###前提・実現したいこと
|
2
2
|
|
3
|
-
inline-blockを使用し、メニューをメイン画像の上に横並びに配置しました。ウィンドウサイズを変え
|
3
|
+
inline-blockを使用し、メニューをメイン画像の上に横並びに配置しました。ウィンドウサイズを変えた時に可変し、そのまま横並びで表示されるようにしたいのですができないのでしょうか?
|
4
4
|
|
5
5
|
|
6
6
|
|
@@ -18,19 +18,19 @@
|
|
18
18
|
|
19
19
|
<ul>
|
20
20
|
|
21
|
-
<li>HOME<br>ホーム</li>
|
21
|
+
<li>HOME<br>ホーム</li><li>
|
22
22
|
|
23
|
-
|
23
|
+
NEW ITEM<br>新商品</li><li>
|
24
24
|
|
25
|
-
|
25
|
+
CATEGORY<br>カテゴリー</li><li>
|
26
26
|
|
27
|
-
|
27
|
+
TOPICS<br>トピックス</li><li>
|
28
28
|
|
29
|
-
|
29
|
+
GUID<br>ガイド</li><li>
|
30
30
|
|
31
|
-
<
|
31
|
+
<input type="search" name="search"value="検索"></li><li>
|
32
32
|
|
33
|
-
<
|
33
|
+
<a href="">カート</a></li>
|
34
34
|
|
35
35
|
</ul>
|
36
36
|
|
@@ -56,7 +56,7 @@
|
|
56
56
|
|
57
57
|
#headermenu > img{
|
58
58
|
|
59
|
-
float: left;
|
59
|
+
float: left;
|
60
60
|
|
61
61
|
width: auto;
|
62
62
|
|