サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
買ってよかったもの
homepage.decoweb.jp
画像の下にキャプション(説明文)を入れる方法を教えます。 ※当サイトでの方法は多数あるやり方の中の一つとお考え下さい。 Step1 【画像左寄せの回り込みにキャプションを入れる】 このように画像の右脇にテキストが回り込みます。このように画像の右脇にテキストが回り込みます。このように画像の右脇にテキストが回り込みます。このように画像の右脇にテキストが回り込みます。 上の画像の下にキャプションを入れてみましょう。 imgを<div>で囲み、<span>でキャプションを囲みます。最後に回り込みを解除します。 (class名はご自分でわかりやすい名前にしてもOKです) <div class="imagebox_left"> <img src="my_images/picture1.jpg" alt="イメージ画像"><span>画像のキャプション</span> </div> <p>このように画像の
画像を配置してその後テキストを書くと、画像の脇にテキストを書きたいのに、画像の横には文章は一行しか表示されません。 ※当サイトでの方法は多数あるやり方の中の一つとお考え下さい。 HTML例 <img src="images/picture1.jpg" alt="イメージ画像">このように画像の脇にテキストが回り込まず、画像の下にテキストが配置されてしまいます。 このようにimgの後にテキストを書くと画像の横に一行しか表示されません。 align属性で簡単に作成することもできますが、align属性が廃止予定の非推奨属性のため、できるだけCSSで作成するようにしましょう。 <img src="images/picture1.jpg" alt="イメージ画像" align="left">このように画像の脇にテキストが回り込まず、画像の下にテキストが配置されてしまいます。 CSSで設定、管理できる
decowebではコストをかけずにホームページ制作のプロが デザインした、テンプレートが無料で使えます。 CSS+XHTMLで検索に有利です。CSSを編集するだけで簡単に オリジナルのデザインにカスタマイズが可能!必要なファイルを まとめてダウンロードできるので初心者でも簡単に使えます。
このページを最初にブックマークしてみませんか?
『ホームページテンプレートのdecoweb』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く