質問編集履歴

2

追記

2017/09/15 14:48

投稿

gsuisk
gsuisk

スコア72

test CHANGED
File without changes
test CHANGED
@@ -1,3 +1,13 @@
1
+ ボックス全体をリンクにしたのですが、ボックスの中にある文字とその左右しかクリックが反応しないことがわかりました。
2
+
3
+
4
+
5
+ つまりボックスの中の文字をクリックすれば正常に動作します。
6
+
7
+
8
+
9
+ ___________________________________________________________________
10
+
1
11
  PHPファイルにCSSで装飾した途端にブラウザが重くなりました。
2
12
 
3
13
 

1

追記

2017/09/15 14:48

投稿

gsuisk
gsuisk

スコア72

test CHANGED
File without changes
test CHANGED
@@ -29,3 +29,141 @@
29
29
 
30
30
 
31
31
  です。なにか解決法がわかる方がいれば教えてください。
32
+
33
+
34
+
35
+ ________________________________________________________________________
36
+
37
+ 以下追記です。
38
+
39
+
40
+
41
+ HTMLとCSSのコードの一部です(ホーム画面)
42
+
43
+
44
+
45
+ ```
46
+
47
+ <!DOCTYPE html>
48
+
49
+ <html lang="ja">
50
+
51
+ <head>
52
+
53
+ <meta charset="utf-8">
54
+
55
+ <title>HOME</title>
56
+
57
+ <link rel="stylesheet" href="./css/home.css">
58
+
59
+ </head>
60
+
61
+ <body>
62
+
63
+
64
+
65
+ <div class="head">
66
+
67
+ <h1>HOME</h1>
68
+
69
+ </div>
70
+
71
+
72
+
73
+ <br>
74
+
75
+
76
+
77
+ <div class="toko">
78
+
79
+ <a href="input.php">
80
+
81
+ <h1 class="moji">投稿</h1>
82
+
83
+ </a>
84
+
85
+ </div>
86
+
87
+
88
+
89
+ <br>
90
+
91
+
92
+
93
+ <div class="toko">
94
+
95
+ <a href="search.php">
96
+
97
+ <h1 class="moji">検索</h1>
98
+
99
+ </a>
100
+
101
+ </div>
102
+
103
+
104
+
105
+ </body>
106
+
107
+ </html>
108
+
109
+
110
+
111
+ ```
112
+
113
+
114
+
115
+ ```CSS
116
+
117
+ @charset "UTF-8";
118
+
119
+
120
+
121
+ .head{
122
+
123
+ text-align: center;
124
+
125
+ }
126
+
127
+
128
+
129
+ .toko{
130
+
131
+ width: 500px;
132
+
133
+ padding: 20px;
134
+
135
+ background: #00BFFF;
136
+
137
+ text-align: center;
138
+
139
+ border-radius: 15px 15px 15px 15px;
140
+
141
+ margin: 0 auto;
142
+
143
+ }
144
+
145
+ .toko:hover{
146
+
147
+ opacity: 0.5;
148
+
149
+ }
150
+
151
+
152
+
153
+ a{
154
+
155
+ text-decoration: none;
156
+
157
+ }
158
+
159
+
160
+
161
+ .moji{
162
+
163
+ color: #ffffff;
164
+
165
+ }
166
+
167
+
168
+
169
+ ```