私はHTML、CSSなどに不慣れです。現在、2行(3 + 3)で6枚の写真を含む小さな画像ギャラリーを作成したいWebサイトを作成しています。その下に背景画像があります。
W3 School CSS Image Galleryの指示に従いましたが、画像はインラインではなく互いの上に配置されています。
そのための解決策はありますか?
残念ながら、これが私の最初の投稿であり、十分な評判がないため、ここにスクリーンショットやコードを投稿することはできません.
私はHTML、CSSなどに不慣れです。現在、2行(3 + 3)で6枚の写真を含む小さな画像ギャラリーを作成したいWebサイトを作成しています。その下に背景画像があります。
W3 School CSS Image Galleryの指示に従いましたが、画像はインラインではなく互いの上に配置されています。
そのための解決策はありますか?
残念ながら、これが私の最初の投稿であり、十分な評判がないため、ここにスクリーンショットやコードを投稿することはできません.
W3 のコードでインライン画像に関連するコードは CSS です。float:left
すべての画像が同じコンテナー (またはdiv
たとえば) にある場合は、 でフローティングを解除する必要がありますclear:left
。この例を参照してください: http://jsfiddle.net/vJjgg/
それ以外の場合は、次のように内部に画像を含む 2 つの div を作成しますfloat:left
: http://jsfiddle.net/ug8Zt/