編集履歴

質問編集履歴

修正

2018/08/25 12:39

投稿

退会済みユーザー

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -196,194 +196,6 @@
-下記、reset.css
-```css
-/**
- * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
- * Richard Clark (http://richclarkdesign.com)
- * http://cssreset.com
- */
-html, body, div, span, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-abbr, address, cite, code,
-del, dfn, em, img, ins, kbd, q, samp,
-small, strong, sub, sup, var,
-b, i,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section, summary,
-time, mark, audio, video {
-    margin:0;
-    padding:0;
-    border:0;
-    outline:0;
-    font-size:100%;
-    vertical-align:baseline;
-    background:transparent;
-}
-body {
-    line-height:1;
-}
-article,aside,details,figcaption,figure,
-footer,header,hgroup,menu,nav,section {
-    display:block;
-}
-nav ul {
-    list-style:none;
-}
-blockquote, q {
-    quotes:none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-    content:'';
-    content:none;
-}
-a {
-    margin:0;
-    padding:0;
-    font-size:100%;
-    vertical-align:baseline;
-    background:transparent;
-}
-/* change colours to suit your needs */
-ins {
-    background-color:#ff9;
-    color:#000;
-    text-decoration:none;
-}
-/* change colours to suit your needs */
-mark {
-    background-color:#ff9;
-    color:#000;
-    font-style:italic;
-    font-weight:bold;
-}
-del {
-    text-decoration: line-through;
-}
-abbr[title], dfn[title] {
-    border-bottom:1px dotted;
-    cursor:help;
-}
-table {
-    border-collapse:collapse;
-    border-spacing:0;
-}
-/* change border colour to suit your needs */
-hr {
-    display:block;
-    height:1px;
-    border:0;
-    border-top:1px solid #cccccc;
-    margin:1em 0;
-    padding:0;
-}
-input, select {
-    vertical-align:middle;
-}
-```
 ![イメージ説明](2d02414a0fd2b2b4932c33b57b47111e.png)

アイコン

2018/08/25 12:39

投稿

退会済みユーザー

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -148,7 +148,7 @@
-.info1, .info2, .info3 .info4, .detail {
+.info1, .info2, .info3, .info4, .detail {
     font-size: 18px;

修正

2018/08/25 12:38

投稿

退会済みユーザー

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -1,4 +1,4 @@
-![イメージ説明](2d02414a0fd2b2b4932c33b57b47111e.png)### 前提・実現したいこと
+### 前提・実現したいこと
@@ -194,6 +194,12 @@
+下記、reset.css
 ```css
 /**
@@ -372,12 +378,26 @@
 ```
+![イメージ説明](2d02414a0fd2b2b4932c33b57b47111e.png)
 ### 試したこと
 ### 補足情報（FW/ツールのバージョンなど）
 google chrome 67.0.3396.99

css

2018/08/25 11:46

投稿

退会済みユーザー

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -194,6 +194,184 @@
+```css
+/**
+ * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
+ * Richard Clark (http://richclarkdesign.com)
+ * http://cssreset.com
+ */
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+    margin:0;
+    padding:0;
+    border:0;
+    outline:0;
+    font-size:100%;
+    vertical-align:baseline;
+    background:transparent;
+}
+body {
+    line-height:1;
+}
+article,aside,details,figcaption,figure,
+footer,header,hgroup,menu,nav,section {
+    display:block;
+}
+nav ul {
+    list-style:none;
+}
+blockquote, q {
+    quotes:none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+    content:'';
+    content:none;
+}
+a {
+    margin:0;
+    padding:0;
+    font-size:100%;
+    vertical-align:baseline;
+    background:transparent;
+}
+/* change colours to suit your needs */
+ins {
+    background-color:#ff9;
+    color:#000;
+    text-decoration:none;
+}
+/* change colours to suit your needs */
+mark {
+    background-color:#ff9;
+    color:#000;
+    font-style:italic;
+    font-weight:bold;
+}
+del {
+    text-decoration: line-through;
+}
+abbr[title], dfn[title] {
+    border-bottom:1px dotted;
+    cursor:help;
+}
+table {
+    border-collapse:collapse;
+    border-spacing:0;
+}
+/* change border colour to suit your needs */
+hr {
+    display:block;
+    height:1px;
+    border:0;
+    border-top:1px solid #cccccc;
+    margin:1em 0;
+    padding:0;
+}
+input, select {
+    vertical-align:middle;
+}
+```
 ### 試したこと

画像

2018/08/25 10:37

投稿

退会済みユーザー

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -1,4 +1,4 @@
-### 前提・実現したいこと
+![イメージ説明](2d02414a0fd2b2b4932c33b57b47111e.png)### 前提・実現したいこと

補足情報

2018/08/25 10:31

投稿

退会済みユーザー

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -201,3 +201,7 @@
 ### 補足情報（FW/ツールのバージョンなど）
+google chrome 67.0.3396.99
+Mac10.13.6

修正中

2018/08/25 10:28

投稿

退会済みユーザー

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -24,6 +24,80 @@
 ```html
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="utf-8">
+<link rel="stylesheet" type="text/css" href="./css/reset.css">
+<link rel="stylesheet" type="text/css" href="./css/test.css">
+</head>
+<body>
+<main class="main">
+    <div class="main_container">
+        <div class="shop">
+            <div class="shop_info clearfix">
+                <table class="information">
+                    <caption>caption</caption>
+                    <tr>
+                        <th class="info1">info</th>
+                        <td class="detail">detail</td>
+                    </tr>
+                    <tr>
+                        <th class="info2">info</th>
+                        <td class="detail">detail</td>
+                   </tr>
+                   <tr>
+                        <th class="info3">info</th>
+                        <td class="detail">detail</td>
+                   </tr>
+                   <tr>
+                        <th class="info4">info</th>
+                        <td class="detail">detail</td>
+                   </tr>
+                </table>
+           </div>
+        </div>
+    </div>
+</main>
+</body>
+</html>
@@ -32,6 +106,94 @@
+```css
+.information {
+    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
+    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
+    font-weight: normal;
+    float: left;
+    width: 500px;
+}
+caption {
+    font-size: 24px;
+    font-weight: bold;
+    text-align: left;
+    padding-bottom: 20px;
+    border-bottom: solid 1px #9362c4;
+    margin-bottom: 30px;
+}
+.info1, .info2, .info3 .info4, .detail {
+    font-size: 18px;
+    padding-bottom: 34px;
+}
+.info1, .info2, .info3, .info4 {
+    text-align: left;
+    vertical-align: middle;
+    width: 120px;
+    box-sizing: border-box;
+}
+.info1, .info2, .info3, .info4, :before{
+    border-right: 1px dashed #9362c4;
+}
+.detail {
+    padding-left: 25px;
+}
+```
 ### 試したこと

修正中です。。

2018/08/25 10:23

投稿

退会済みユーザー

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -24,55 +24,7 @@
 ```html
- <table class="information">
-                                        <caption>詳しい情報</caption>
-                                        <tr>
-                                            <th class="info1">所在地</th>
-                                            <td class="detail">浅草</td>
-                                        </tr>
-                                        <tr>
-                                           <th class="info2">電話番号</th>
-                                           <td class="detail"><span class="tell_info">03-1234-5678</span></td>
-                                        </tr>
-                                    </table>
-```
-```css
-.th {
-    text-align: left;
-    vertical-align: middle;
-    width: 120px;
-    box-sizing: border-box;
-}
-th :before{
-    border-right: 1px dashed #9362c4;
-}

html記載

2018/08/25 09:47

投稿

退会済みユーザー

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -22,6 +22,38 @@
+```html
+ <table class="information">
+                                        <caption>詳しい情報</caption>
+                                        <tr>
+                                            <th class="info1">所在地</th>
+                                            <td class="detail">浅草</td>
+                                        </tr>
+                                        <tr>
+                                           <th class="info2">電話番号</th>
+                                           <td class="detail"><span class="tell_info">03-1234-5678</span></td>
+                                        </tr>
+                                    </table>
+```
+```css
 .th {
     text-align: left;
@@ -44,6 +76,10 @@
+```
 ### 試したこと