人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

写真を文章の中に埋め込んでレイアウトするにはどうすればいいですか。写真をLくらいで配置した場合、写真の右側の余白を文章で埋めたいのですが。

●質問者: hideoyok
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
ベストアンサー

はてなダイアリーの質問ということで、よろしいですか?

「記事を書く」を選んだときに、文章を入力するところの上に、色々なボタンが並んでいますが、その左下にある「写真」を使います。
「写真」を押すと、写真を選ぶエリアが出てきますが、その下の方(ブラウザのスクロールバーを使ってください)に「貼り付ける写真の位置/大きさを選択」の「画像の位置」という選択項目があります。
貼り付ける写真を選んで、先の「画像の位置」で「左」を選んで、「選択した画像・動画を貼り付け」をクリックしてください。

記事を書く領域に、以下のような文字列が挿入されます。

[f:id:a-kuma3:20130320164124j:image:left]

最後に :left という指定がありますが、これが写真を左に配置して、続く文章を右の空いたところに入れる、という指定になります。

サイズの指定は、:left と同じような書き方で指定ができます。

[f:id:a-kuma3:20130320164124j:image:w200:left]

上記のように :w200 と追加すると、写真の幅を 200ドットで表示する、という指定になります。

右側に流し込んだ文章を途中で止めて、写真の下から文章を書きたいときには

<br clear="all">

この表記を間に入れてください。
この表記の次の文章は、写真の下から左詰めで表示されます。


ぼくのダイアリーにサンプル記事を書いてみました。
ダイアリーの URL は↓です。
http://d.hatena.ne.jp/a-kuma3/20130321

記事には、以下のように入力しました。

**ゆきやなぎ
[f:id:a-kuma3:20130320164124j:image:w200:left]昨日はとても暖かかったので、うちのゆきやなぎも花を咲かせてました。
春ですねえ。<br clear="all">
土地が合わないのか、世話が下手なせいなのか、花の付き方がやや貧弱なのが玉に瑕ですが。



この機能についてのヘルプは以下になります。あわせてご参照ください。


質問者から

ご返事遅くなって失礼しました。大変分かり易いご説明でよく分かりました。これでコンパクトに記事が書けると思います。ありがとうございました。


関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ