質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.02%
MacOS(OSX)

MacOSとは、Appleの開発していたGUI(グラフィカルユーザーインターフェース)を採用したオペレーションシステム(OS)です。Macintoshと共に、市場に出てGUIの普及に大きく貢献しました。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

画像と画像の間に大きな隙間を埋めたい

Lily12
Lily12

総合スコア1

MacOS(OSX)

MacOSとは、Appleの開発していたGUI(グラフィカルユーザーインターフェース)を採用したオペレーションシステム(OS)です。Macintoshと共に、市場に出てGUIの普及に大きく貢献しました。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

1回答

0グッド

0クリップ

131閲覧

投稿2023/01/09 02:47

前提

LPを作成しており、画像と画像の間に大きな隙間ができてしまい、どのように埋めれるかご教示いただけますと幸いです。

実現したいこと

画像と画像の隙間を埋めたい

もしくは

ページ全体に背景画像を指定したい
→元々背景の柄を指定したかったのですが,bodyのbackgrondimageですると外側の左右の背景に反映してcontents内の背景に反映されなかったため、それぞれの箇所のCSSでbackgrondimageで画像を入れ込んだとこと今回問題が発生しました。
ページ全体に柄を指定できるのであればそちらご教示頂ければ幸いです。(柄はmarbelで画像で用意しているものになります。)

発生している問題・エラーメッセージ

画像と画像の間に大きな隙間ができて埋まらない

試したこと

vertical-alignを入れてみた
画像と画像をつめてみた

初心者のため何か見落としているのかもしれませんが
ご教示お願い申し上げます。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

tee

2023/01/09 06:03

コードがないと何がいけないのか判断できませんが、reset cssは噛ませていますか? ブラウザにはデフォルトでついているCSSがあるので、最初にそれを消すのが基本です。
Lily12

2023/01/09 06:10

ご返信ありがとうございます!不要なタグがあったので削除してみたところ空白がなくなりました。 htmlに入っているreset cssは削除したほうがいいのを知らなかったためそちらも併せて削除してみます、勉強になりました。 お忙しいところご教示いただきありがとうございました。

回答1

0

自己解決

gray_bgというタグが間にあったので削除してみると空白が埋まりました。

投稿2023/01/09 06:05

Lily12

総合スコア1

下記のような回答は推奨されていません。

  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.02%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

MacOS(OSX)

MacOSとは、Appleの開発していたGUI(グラフィカルユーザーインターフェース)を採用したオペレーションシステム(OS)です。Macintoshと共に、市場に出てGUIの普及に大きく貢献しました。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。