質問編集履歴

4

完成の図を載せました*

2020/03/16 10:42

投稿

run1334312
run1334312

スコア12

test CHANGED
File without changes
test CHANGED
@@ -205,3 +205,15 @@
205
205
  ![イメージ説明](ba9fdec788edab4c3596820cc37e19d9.png)
206
206
 
207
207
  このような形を目指しています
208
+
209
+
210
+
211
+ *追記です
212
+
213
+ ![イメージ説明](a9c3d0f80e3aba765845e8aa281d87e2.jpeg)
214
+
215
+ 助けていただいたおかげで無事にできました><ありがとうございます
216
+
217
+ ほんとうにコードについて詳しい方には頭が下がります*^^*
218
+
219
+ ありがとうございます

3

追加の画像を追記にて記載しました*

2020/03/16 10:42

投稿

run1334312
run1334312

スコア12

test CHANGED
File without changes
test CHANGED
@@ -197,3 +197,11 @@
197
197
  ![イメージ説明](42f8867eae98f3ad796309631dd1800e.jpeg)
198
198
 
199
199
  右側で表示させたいHTMLのコードはこのようになっております
200
+
201
+
202
+
203
+ *追記です
204
+
205
+ ![イメージ説明](ba9fdec788edab4c3596820cc37e19d9.png)
206
+
207
+ このような形を目指しています

2

コードを追加しました*

2020/03/16 08:37

投稿

run1334312
run1334312

スコア12

test CHANGED
File without changes
test CHANGED
@@ -26,9 +26,9 @@
26
26
 
27
27
 
28
28
 
29
- *使用したHTMLコードはこちらです
29
+ *使用したCSSに貼り付けたコードはこちらです
30
30
 
31
-
31
+ ```ここに言語を入力(すみません言語は分からないです><)
32
32
 
33
33
  .balloon5 {
34
34
 
@@ -138,6 +138,40 @@
138
138
 
139
139
  }
140
140
 
141
+
142
+
143
+ ```HTMLのコードがこちらです
144
+
145
+ <!--吹き出しはじまり-->
146
+
147
+ <div class="balloon1">
148
+
149
+ <div class="faceicon">
150
+
151
+ <img src="https://komatuharuna.com/wp-content/uploads/2020/03/アイコンサンプル51.png" alt="" width="300" height="300" class="alignnone size-full wp-image-109" />
152
+
153
+ </div>
154
+
155
+ <div class="chatting">
156
+
157
+ <div class="says">
158
+
159
+ <p>こんにちは</p>
160
+
161
+ </div>
162
+
163
+ </div>
164
+
165
+ </div>
166
+
167
+ <!--吹き出し終わり-->
168
+
169
+ ```
170
+
171
+
172
+
173
+
174
+
141
175
  のfloat: leftの部分をrightに置き換えましたが…
142
176
 
143
177
  反映されず画像も消えてしまっています

1

HTMLコードを追記で表示させていただきました*

2020/03/16 08:30

投稿

run1334312
run1334312

スコア12

test CHANGED
File without changes
test CHANGED
@@ -155,3 +155,11 @@
155
155
 
156
156
 
157
157
  お忙しいところ恐れ入りますが、よろしくお願い致します。
158
+
159
+
160
+
161
+ *追記です
162
+
163
+ ![イメージ説明](42f8867eae98f3ad796309631dd1800e.jpeg)
164
+
165
+ 右側で表示させたいHTMLのコードはこのようになっております