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

質問編集履歴

5

補足

2020/04/30 11:10

投稿

sakya
sakya

スコア12

title CHANGED
File without changes
body CHANGED
@@ -16,8 +16,6 @@
16
16
  ```
17
17
 
18
18
  ```css
19
-  #sidebar ul{list-style: none; margin: 0; padding: 0;}
20
-  #sidebanner ul li{margin-bottom: 1px;}
21
19
   #sidebanner h2{background-color: #A6A6A6; color: #fff; margin: 0; padding: 7px 0px 5px  0px; font-size: 20px; text-align: center;}
22
20
   #sidecontact h2{font-size: 18px; background-color: #FF342F; color: #fff; padding: 4px;}
23
21
 

4

補足

2020/04/30 11:10

投稿

sakya
sakya

スコア12

title CHANGED
File without changes
body CHANGED
@@ -16,6 +16,12 @@
16
16
  ```
17
17
 
18
18
  ```css
19
+  #sidebar ul{list-style: none; margin: 0; padding: 0;}
20
+  #sidebanner ul li{margin-bottom: 1px;}
21
+  #sidebanner h2{background-color: #A6A6A6; color: #fff; margin: 0; padding: 7px 0px 5px  0px; font-size: 20px; text-align: center;}
22
+  #sidecontact h2{font-size: 18px; background-color: #FF342F; color: #fff; padding: 4px;}
23
+
24
+ @media (max-width:767px){
19
25
  #sidebar{width: 360px; clear: both;}
20
26
  #sidebanner{width: 100px; margin: 0; padding: 0;}
21
27
  #sidecontact{width: 100px; float: right;}
@@ -34,6 +40,7 @@
34
40
  #sidecontact .contactbutton{font-size: 10px;}
35
41
  #sidecontact h2{width: 100px; font-size: 10px; padding: 0;}
36
42
  #sidebanner{margin-bottom: 50px;}
43
+ }
37
44
  ```
38
45
  ![イメージ説明](c53e2d4e1433c3cd5cd9d66164ce7ec5.png)
39
46
 

3

補足

2020/04/30 11:06

投稿

sakya
sakya

スコア12

title CHANGED
File without changes
body CHANGED
@@ -43,6 +43,9 @@
43
43
  完成図
44
44
  ![イメージ説明](2491bd4f4bee8f536028ce98312c89c2.png)
45
45
 
46
+ `#sidebanner`と`#sidecontact`を入れ替えると
47
+ ![イメージ説明](cfd5b7e3012b7309475ce896cce09d47.png)
48
+
46
49
  ####試したこと
47
50
  ・margin,padding 両方とも0にする。
48
51
 

2

補足

2020/04/30 09:29

投稿

sakya
sakya

スコア12

title CHANGED
File without changes
body CHANGED
@@ -40,6 +40,9 @@
40
40
  margin-bottom:50px;なし
41
41
  ![イメージ説明](10297c1ec81848ad4be5d6e930c83e37.png)
42
42
 
43
+ 完成図
44
+ ![イメージ説明](2491bd4f4bee8f536028ce98312c89c2.png)
45
+
43
46
  ####試したこと
44
47
  ・margin,padding 両方とも0にする。
45
48
 

1

補足

2020/04/30 09:17

投稿

sakya
sakya

スコア12

title CHANGED
File without changes
body CHANGED
@@ -37,6 +37,9 @@
37
37
  ```
38
38
  ![イメージ説明](c53e2d4e1433c3cd5cd9d66164ce7ec5.png)
39
39
 
40
+ margin-bottom:50px;なし
41
+ ![イメージ説明](10297c1ec81848ad4be5d6e930c83e37.png)
42
+
40
43
  ####試したこと
41
44
  ・margin,padding 両方とも0にする。
42
45