ウェブ制作.net
HTMLについて

面白いページを発見しました。
CSSを切ると見た目がガラリと変わるのに、なんとなく意味の通るページです。
そもそも花屋なのに葬式屋もやってる時点で驚きましたが・・・。

日比谷花壇 お葬式
日比谷花壇

画像ファイル(写真とか) の脇に解説を書くようにする場合には、CSSで float:left; とか float:right; と
書けばOKです。
画像を左に置く場合にはfloat:left;、右に置く場合にはfloat:right;です。

ウェブ制作会社カテゴリの記事でやっているように、
<a href="http://www.tifana.com/?coremine" title="ティファナ・ドットコム" target="_blank">
<img src="http://www.xn--gckc5l536jj8c.net/web/images/www_tifana_com.jpg" alt="ティファナ・ドットコム" class="image_left" /></a>
とするのが良いかな・・？

CSSファイルの中身・・
.image_left{
float:left;
}

ただ、これをやってしまうと、画像ファイル以降の全ての物が画像の右側に寄ってしまうので、floatを解除させるclearというスタイルを設定します。
・・・ここがいまいち分からないのですが、何度か試した結果、↓でうまくいったので、とりあえず1手法ではあります。。。

<img src="http://www.xn--gckc5l536jj8c.net/common/images/spacer.gif" class="after_images" alt="" />
とスペーサー画像をいれたうえで、after_images という CSSのclass に対して、clear:both; なる設定をします。

CSSファイルの中身・・
.after_images{
clear:both;
}

一応はこれで大丈夫でした。

簡単にコーディングの流れを書くと、画像の横に文章を書くなら、
画像を呼んでfloatの設定 → テキストを書く → スペーサーでclear:both;です。
プロの人から見たら違うんだろうけど・・・動けばOK！

初めてCSSをまともに使ってみました。
とっつきにくいのですが、慣れると面白いと思います。

CSSは基本的に、3つの方法で指定が出来ます。
1.タグが持っている初期値を変更してしまうやり方。
2.CSSのCLASSを作り、HTMLタグからCLASSを指定するやり方。
3.CSSのIDを作り、HTMLタグからIDを指定するやり方。

2番、3番は
<DIV ID="○○"> とか <SPAN CLASS="△△△">
という感じで使います。

違いは、IDは画面の中で1回しか呼べない点。
呼んでも動作上問題は無いのですが、HTMLのルール上はNGみたいです・・・。