質問編集履歴
3
現在のスクショを追加いたしました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -27,6 +27,10 @@
|
|
|
27
27
|
CSS下部タグの追加、現在の状態のスクショを載せました。
|
|
28
28
|
|
|
29
29
|
引き続きよろしくお願いいたします。
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
30
34
|
|
|
31
35
|
|
|
32
36
|
|
2
ありがとうございます。だいぶ見栄えがよくなりました。触れると背景色の変更タグ(body全体)を追加いたしましたのでよろしくお願いいたします。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,13 +12,21 @@
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
1/2
|
|
15
|
+
1/12追記
|
|
16
16
|
|
|
17
17
|
先ほど試した方法(<li>にborderをつける)でcssを編集いたしました。
|
|
18
18
|
|
|
19
19
|
罫線が重なり、触れたときの背景にもズレが生じてます。
|
|
20
20
|
|
|
21
21
|
先に申し上げました方法とは違ってますが、修正して直せましたらこの方法でいきたいと思ってます。よろしくお願いします。
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
1/13追記
|
|
26
|
+
|
|
27
|
+
CSS下部タグの追加、現在の状態のスクショを載せました。
|
|
28
|
+
|
|
29
|
+
引き続きよろしくお願いいたします。
|
|
22
30
|
|
|
23
31
|
|
|
24
32
|
|
|
@@ -59,6 +67,46 @@
|
|
|
59
67
|
●CSS●
|
|
60
68
|
|
|
61
69
|
```ここに言語を入力
|
|
70
|
+
|
|
71
|
+
body {
|
|
72
|
+
|
|
73
|
+
font-size: 80%;
|
|
74
|
+
|
|
75
|
+
color: rgb(120,120,100);
|
|
76
|
+
|
|
77
|
+
font-family: '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ＭＳ ゴシック', sans-serif;
|
|
78
|
+
|
|
79
|
+
font-weight: 500;
|
|
80
|
+
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
a {
|
|
86
|
+
|
|
87
|
+
text-decoration: none;
|
|
88
|
+
|
|
89
|
+
color: rgb(63,63,53);
|
|
90
|
+
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
a:hover {
|
|
96
|
+
|
|
97
|
+
background-color: rgb(215,215,207);
|
|
98
|
+
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
p {
|
|
104
|
+
|
|
105
|
+
margin:0;
|
|
106
|
+
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
|
|
62
110
|
|
|
63
111
|
/*ここからサイドバー*/
|
|
64
112
|
|
|
@@ -102,6 +150,12 @@
|
|
|
102
150
|
|
|
103
151
|
}
|
|
104
152
|
|
|
153
|
+
.sidebar-list li + li{
|
|
154
|
+
|
|
155
|
+
border-top: none;
|
|
156
|
+
|
|
157
|
+
}
|
|
158
|
+
|
|
105
159
|
/*ここまでサイドバー*/
|
|
106
160
|
|
|
107
161
|
```
|
1
編集いたしました。お手数ですが本文追記もご確認いただけますと幸いです。よろしくお願いいたします。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -9,6 +9,16 @@
|
|
|
9
9
|
色々試してみても微妙にズレ(リンクの背景色が枠線からはみ出したり、罫線が枠線からはみ出る)が生じてしまい、うまく出来ませんでした。どなたか、良い方法がありましたら教えてください。
|
|
10
10
|
|
|
11
11
|
日々勉強しながら作っています。おかしい記述なども指摘いただければ幸いです。よろしくお願いいたします。
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
1/21追記
|
|
16
|
+
|
|
17
|
+
先ほど試した方法(<li>にborderをつける)でcssを編集いたしました。
|
|
18
|
+
|
|
19
|
+
罫線が重なり、触れたときの背景にもズレが生じてます。
|
|
20
|
+
|
|
21
|
+
先に申し上げました方法とは違ってますが、修正して直せましたらこの方法でいきたいと思ってます。よろしくお願いします。
|
|
12
22
|
|
|
13
23
|
|
|
14
24
|
|
|
@@ -56,7 +66,7 @@
|
|
|
56
66
|
|
|
57
67
|
float: right;
|
|
58
68
|
|
|
59
|
-
width: 1
|
|
69
|
+
width: 210px;
|
|
60
70
|
|
|
61
71
|
}
|
|
62
72
|
|
|
@@ -72,7 +82,9 @@
|
|
|
72
82
|
|
|
73
83
|
list-style: none;
|
|
74
84
|
|
|
75
|
-
width: 1
|
|
85
|
+
width: 210px;
|
|
86
|
+
|
|
87
|
+
border: dotted 1px rgb(215,215,207);
|
|
76
88
|
|
|
77
89
|
}
|
|
78
90
|
|
|
@@ -84,7 +96,7 @@
|
|
|
84
96
|
|
|
85
97
|
margin: 0;
|
|
86
98
|
|
|
87
|
-
width: 1
|
|
99
|
+
width: 190px;
|
|
88
100
|
|
|
89
101
|
text-align: center;
|
|
90
102
|
|