質問編集履歴
4
完成の図を載せました＊
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -101,4 +101,10 @@
|
|
|
101
101
|
|
|
102
102
|
*追記です
|
|
103
103
|
|
|
104
|
-
このような形を目指しています
|
|
104
|
+
このような形を目指しています
|
|
105
|
+
|
|
106
|
+
*追記です
|
|
107
|
+
|
|
108
|
+
助けていただいたおかげで無事にできました><ありがとうございます
|
|
109
|
+
ほんとうにコードについて詳しい方には頭が下がります＊^^＊
|
|
110
|
+
ありがとうございます
|
3
追加の画像を追記にて記載しました＊
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -97,4 +97,8 @@
|
|
|
97
97
|
|
|
98
98
|
＊追記です
|
|
99
99
|
|
|
100
|
-
右側で表示させたいHTMLのコードはこのようになっております
|
|
100
|
+
右側で表示させたいHTMLのコードはこのようになっております
|
|
101
|
+
|
|
102
|
+
*追記です
|
|
103
|
+
|
|
104
|
+
このような形を目指しています
|
2
コードを追加しました＊
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
|
|
13
13
|
左側はこのように反映されました；
|
|
14
14
|
|
|
15
|
-
＊使用した
|
|
15
|
+
＊使用したCSSに貼り付けたコードはこちらです
|
|
16
|
-
|
|
16
|
+
```ここに言語を入力（すみません言語は分からないです><)
|
|
17
17
|
.balloon5 {
|
|
18
18
|
width: 100%;
|
|
19
19
|
margin: 1.5em 0;
|
|
@@ -68,6 +68,23 @@
|
|
|
68
68
|
margin-right: -90px;
|
|
69
69
|
width: 80px;
|
|
70
70
|
}
|
|
71
|
+
|
|
72
|
+
```HTMLのコードがこちらです
|
|
73
|
+
<!--吹き出しはじまり-->
|
|
74
|
+
<div class="balloon1">
|
|
75
|
+
<div class="faceicon">
|
|
76
|
+
<img src="https://komatuharuna.com/wp-content/uploads/2020/03/アイコンサンプル５1.png" alt="" width="300" height="300" class="alignnone size-full wp-image-109" />
|
|
77
|
+
</div>
|
|
78
|
+
<div class="chatting">
|
|
79
|
+
<div class="says">
|
|
80
|
+
<p>こんにちは</p>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
<!--吹き出し終わり-->
|
|
85
|
+
```
|
|
86
|
+
|
|
87
|
+
|
|
71
88
|
のfloat: leftの部分をrightに置き換えましたが…
|
|
72
89
|
反映されず画像も消えてしまっています
|
|
73
90
|
|
1
HTMLコードを追記で表示させていただきました*
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -76,4 +76,8 @@
|
|
|
76
76
|
どの部分をrightに置き換えれば反映されるのでしょうか...?
|
|
77
77
|
教えていただければ嬉しいです＊
|
|
78
78
|
|
|
79
|
-
お忙しいところ恐れ入りますが、よろしくお願い致します。
|
|
79
|
+
お忙しいところ恐れ入りますが、よろしくお願い致します。
|
|
80
|
+
|
|
81
|
+
＊追記です
|
|
82
|
+
|
|
83
|
+
右側で表示させたいHTMLのコードはこのようになっております
|