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

質問編集履歴

4

画像追加しました

2021/06/25 09:25

投稿

gujhufiugho
gujhufiugho

スコア245

title CHANGED
File without changes
body CHANGED
@@ -2,6 +2,8 @@
2
2
  付属画像の一番下に位置している、青い画像(ボックスではない)の下の余白を完全になくしたいのですが、余白の原因を調べたらどうやらブラウザの初期スタイルが原因でした。
3
3
 
4
4
  この初期スタイルによる余白を無くしたいです。**ただし、青い画像だけ。**
5
+
6
+ 付属画像1
5
7
  ![![イメージ説明](66289bdeef865962187438b31af81487.png)
6
8
 
7
9
  付属画像2追加 米印を取った場合

3

画像追加しました

2021/06/25 09:25

投稿

gujhufiugho
gujhufiugho

スコア245

title CHANGED
File without changes
body CHANGED
@@ -3,6 +3,14 @@
3
3
 
4
4
  この初期スタイルによる余白を無くしたいです。**ただし、青い画像だけ。**
5
5
  ![![イメージ説明](66289bdeef865962187438b31af81487.png)
6
+
7
+ 付属画像2追加 米印を取った場合
8
+ ![イメージ説明](3a3db1dc7870cbb1ce79f1f9b80e47e7.png)
9
+ 付属画像3 *{margin: 0;}を<style type="text/css">タグ内に追加の場合
10
+ ![イメージ説明](7270a776752b8eef1de12ac8fbfd1f21.png)
11
+
12
+
13
+
6
14
  **試したこと。**
7
15
  提示しているHTMLのコードの<style type="text/css">のタグ内に*{margin0}を追加すると解決するのですが、ただ、この方法だと、すべて*{margin0}が適応されて、入力フォームのレイアウトも崩れてしまうため、**青い画像のみ**に*{margin0}を適応できないかと
8
16
  、img.example11{

2

スペルすミスでコード修正しました

2021/06/25 09:23

投稿

gujhufiugho
gujhufiugho

スコア245

title CHANGED
@@ -1,1 +1,1 @@
1
- ブラウザの初期スタイルのリセット *{margin0}を一部の画像のみに適応したい。
1
+ ブラウザの初期スタイルのリセット *margin: 0;を一部の画像のみに適応したい。
body CHANGED
File without changes

1

スペルすミスでコード修正しました

2021/06/25 09:05

投稿

gujhufiugho
gujhufiugho

スコア245

title CHANGED
File without changes
body CHANGED
@@ -27,7 +27,7 @@
27
27
  <head>
28
28
  <meta content="text/html; charset=utf-8"/>
29
29
  <meta name="viewport" content="width=device-width, initial-scale=1">
30
- <title>宣伝商品および企業</title>
30
+ <title></title>
31
31
  <link rel="stylesheet" href="senden.css">
32
32
 
33
33