QLOOKアクセス解析
ホーム > スポンサー広告 > 初心者がやりたいことあれこれ パート何だったっけ?ホーム > fc2ブログ > 初心者がやりたいことあれこれ パート何だったっけ?
 1件ずつ表示 
--.--.-- --

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

続きを読む
Category: スポンサー広告
2014.12.28 Sun

初心者がやりたいことあれこれ パート何だったっけ?

おはようございます(*´▽`*)

今日は久しぶりの「初心者がやりたいことあれこれ」を書きます。

もうパート何だったか分からないので、気にせず記事に集中します ( *´艸`)

初心者やりたいことあれこれは、記事タイトルも意味不明なので変えようと思いました。。。

どこいったの?ってなっちゃあれなんで、後日まとめてトップページに移す予定です。

前置きがながくなりましたが、今日は”写真の横に文字を書く”これをやっていきます。

ちなみに、携帯画面で見ている人は写真が画面横幅いっぱいになってるので、

横並びに表示されません。。。すいません。。。

付箋

もうちょっとましな画像はないんかいっ(;´Д`) これはWindows標準装備の「付箋」です。

デスクトップにペタペタ貼って使ってます(*´▽`*)よく使うタグなんかを書いておくと便利です。

画像の下に文章を書くと、普通はこうやって表示されます。

それを、文章を画像の右側に回り込ませたいとき、こんな風に。

付箋

もうちょっとましな画像はないんかいっ(;´Д`) これはWindows標準装備の「付箋」です。

デスクトップにペタペタ貼って使ってます(*´▽`*)よく使うタグなんかを書いておくと便利です。



画像と文字ひっつきすぎじゃん(;´Д`) ちょっと修正して、



付箋

もうちょっとましな画像はないんかいっ(;´Д`) これはWindows標準装備の「付箋」です。

デスクトップにペタペタ貼って使ってます(*´▽`*)よく使うタグなんかを書いておくと便利です。



いいかんじになりました(^^)/



タグはこちらです(*´▽`*) 画像のURLを入れてコピペして使ってください。


<img src="画像のURL" style="float:left;margin-right:20px;" />
<p>回り込ませる文章</p>
<p style="clear:both">改行後の文章</p>



ちなみに、画像を右に持っていきたいときは float:left →  float:right に変えます。

それから、余白部分 margin-right →  margin-left に変えないといけませんね。

clear:both というのはここは回り込みさせませんよという命令文になります。

ちなみにこれがない場合はこう表示されます。

付箋

もうちょっとましな画像はないんかいっ(;´Д`) これはWindows標準装備の「付箋」です。


次の文章まで回り込んでしまいました。どこまで行くか書き続けてみましょう(*´▽`*)やっと次の行に行きましたが、なんか変ですよね。 clear:both も忘れずにね(*´▽`*)



今、思ったのが画像を横並びもこれでいけるんじゃないか?ってことです。

テーブルタグで並べたり(タグが長くてめんどくさい) テキストエディタ使ったり(プレビューではうまくいくのですが、画面

を表示するとなぜか縦並びになってしまう)

付箋付箋

あっさりできました(*´▽`*) タグも短くていい感じです。

タグはこちら


<img src="画像のURL" style="float:left;margin-right:20px;" /><img src="画像のURL" />



画像タグと画像タグは改行すると位置がずれるので、改行なしです。

float つながりということで。。。

年内にやりたいと言っていたナビゲーションについて明日記事を書こうと思います。

私はあると♪さん
教えてもらいながら、いち早くナビゲーション付けましたよ(*´▽`*)

トップページにあるホーム・記事一覧などのことです。

これをつけると、訪問者さんが迷子にならないのでおすすめです。

ではまた明日(^^)/



ブログランキング・にほんブログ村へ


貼るだけでお小遣い貰えます♬(忍者ADMAX)↓↓




関連記事

続きを読む
Category: fc2ブログ Comments (3) Trackbacks (0)

この記事へのコメント:

こんばんは!
車またまた最悪でした・・・

年明けはガツンと言ってやります(笑)
こんばんわ。

お!

イイですねー♪

でも、なんか面倒で、私はやってないんですよね・・・。

本当は画像の横に文字出したいのに(笑)

コメントありがとうございます♪

ひーさんがサブサイトやっているのは知ってますよー♪

ただ、ひーさんのサブサイトは、特に広告を貼る訳でもなく、

アフィリエイト的なことが見えていなかったので、書かなかったんですよね。

ちなみに、サブブログでも、一応3日目ですが記事は毎日書いてますよ♪

サブブログでは、画像を入れずに文章にのみだし、

文字数もあまり多くしないようにしているので、

短文でまとめてます♪

応援ポチしておきましたー♪
ひーさん

ちゃくちゃくと先行ってますねぇ。ごめんなさい、私のコメントこればっかです。さて、あると♪さんですが心配ですねぇ。
インフルエンザ治っていると良いのですが・・・
早くに復帰して欲しいと思っております。
ひーさんも風邪等ひかないように・・・
応援ポチです。

この記事へコメントする:


    

この記事のトラックバックURL:

http://illustrator989.blog.fc2.com/tb.php/106-78699b12

この記事に対するトラックバック:

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。