ブログをやっています。
ブログで画像を2つ並べる時、縦の写真を並べると左に寄ってしまうで、左に空間をあけるか、画像を2つ一緒に真ん中にもってきたいと思っています。
右に少し寄せようとスペースキーを一度押しただけで、二つ目の画像が下に落ちてしまいます。
テンプレートの幅は問題ないのですが、どうしたら上手くスペースをあけれるのでしょうか?
ちなみに以下の方法で画像を並べています。
(関係のないことも書いているかもしれませんし、必要な情報がぬけているかもしれませんが、素人ですのでご容赦ください)
・一つ目の画像の<>の中に、align="left"を入れています。
・一つ目と二つ目の画像の間にはスペースキーでスペースをとっています。
・二つ目の画像の<>の後に<br clear="all">をつけています。
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
文章では、やりたい事がわかりませんが
(縦とか横とか?? HTMLを表示するとよい)
NO.1さんへの補足も踏まえて、直接記述で、
<img src="img/logo.gif" width="100" height="100" alt="*">
例えば、1つ目の画像が、こんな画像なら
<img src="img/logo.gif" width="100" height="100" alt="*" style="margin: 10px 40px 0 20px;">
として表示して微調整。
10px 40px 0 20pxは、画像の上10px 右40px 下0px 左20pxに隙間を空けるので、数値はあくまで例なので適当に変更。不要な隙間部分は0に。
--------------------------------------------
下記の方がわかりやすいかな。 align="left" は不要。
例: 中央表示で、1つ目の右に40pxの隙間をあける場合。
<div style="text-align: center;">
<img src="img/logo.gif" width="100" height="100" alt="*" style="margin-right: 40px">
<img src="img/logo2.gif" width="100" height="100" alt="*">
</div>
--------------------------------------------
これでスペースを自由に出来るけど、他にCSSの因果関係や優先順位があったり、HTMLとCSSを両方把握しないと正確な表示はできないよ・・・
アドバイス、ありがとうございました。
状況をきちんと説明できなくて申しわけございませんでした。
アドバイスどおりに行なってみたところ、
やりたかった状態にできました!!!!
感謝しております。
ありがとうございました。
No.1
- 回答日時:
html の解釈上、スペースキーで入力したスペースは、あまり
意味がありません。
スペースを空ける場合、こちらを参考にしてみてください。
http://www.tohoho-web.com/how2/space.htm#space
この回答への補足
早速のアドバイス、ありがとうございます。
リンク先を見てきたのですが、私が参考にすべき箇所は
●左右に適度なスペース(余白)を空けるには・・
でよろしいでしょうか?
これですとスタイルシートを変える?必要があるように思うのですが、
私は記事を投稿する原稿?を書くところで
スペースをとる手段をとりたいと思っています。
言いたいことが上手く言えなくてすいません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) ワードプレスで、左寄せ画像と文字を横並びにせず、画像の下に文字を表示される方法を教えてください 1 2022/04/24 11:06
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Excel(エクセル) 【マクロ】フォルダを2つのモニターの定位置に並べたい 2 2022/09/02 01:14
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- その他(映画) 昔の映画の3Dリメイク版。どうやって作るのか? 4 2023/02/16 10:17
- Word(ワード) ワード。オブジェクトの一部分にグラデーションを塗るには 2 1 2022/10/04 16:25
- PHP アップロード画像数でCSSを分けることに成功したのですが、画像の横に文字を並べることが出来ません。 3 2023/07/28 17:16
- Word(ワード) Word2013 縦書き上下二段の表、改行を続けると次ページに情報が表示されるようにしたい 3 2022/06/16 09:24
- PHP 掲示板を作成しておりアップロードファイルとメッセージを並べたいので、アドバイスお願い致します 2 2023/07/17 21:01
- Android(アンドロイド) PayPayでアンドロイドスマホのアカウント画面の表示のポイントの使い方が知りたい 画像添付 5 2022/05/26 10:58
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLのつくりにおいて
-
Excel で下線が消えてしまうの...
-
URLが青くならない
-
リンク先のURLを別の文字にする...
-
パワーポイント:テキストボッ...
-
Latexにおける下線のひき方のコト
-
HTMLのbody内に<style>~</styl...
-
Google Keepで数字に勝手に下線...
-
パワーポイントの見出しの線の...
-
seesaaブログのコメント欄を削...
-
AppleのNumbersというアプリで...
-
アンダースコア(下線)のあるメ...
-
Wordで作成した文章をコピーし...
-
PivotTableのデータソースを一...
-
outlook2003にて新規メッセージ...
-
EXCEL2003 Webページとして保存...
-
Googleアカウントの名前変更出...
-
画像ポップアップ(Lity)の使...
-
<input>タグについて
-
エクセルのセルの下線が消えない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ブログで画像を横に2つ並べる方法
-
画像の横に文章を入れたい
-
縦線
-
GOOブログで画像を二枚並べてお...
-
写真を横に並べる方法?CSSまた...
-
MovableType/画像のパス指定方法
-
楽天ブログ・日記の下に表示の...
-
2つ並べたランキングバナーの...
-
テーブルの横並び
-
画像を横に並べると隙間ができ...
-
画像に解説を入れて並べたいです
-
画像を二つ並べた時に左に余白...
-
【html】画像を横(縦)の長さ...
-
アフリエイト画像のすぐ横に文...
-
テーブルタグで画像を並べて画...
-
楽天ブログで画像を横並びにし...
-
ブログで画像の右(左)に文章...
-
ブログに貼り付けた画像の上に余白
-
FC2ブログへ罫線非表示の表を挿...
-
ブログ記事にリンクを貼る方法...
おすすめ情報