＜hr＞【帯を作る】

ｿﾌﾄﾊﾞﾝｸ→背景で指定
AU→カラーで指定

ドコモ→
＜hr style="height:10px;background:red;border:red solid;" /＞高さ・背景・ボーダー

***ボーダーをnoneにしても消えない。ので↑***

※終了タグは必須



【最新情報】

＜hr style="color:#fff;background-color:#fff;height:1px;border:0px solid #ccc;margin:0.3em 0;" size="1" /＞

* color要素はau端末がラインの色として認識する
* background-color要素はドコモとSoftBank端末がラインの色として認識する。colorと揃えておく必要がある。
* height要素はドコモとSoftBank端末がラインの高さとして認識する。
* border要素は入れておかないとドコモとSoftBank端末が勝手に黒っぽいボーダーを表示してしまう。なので背景色と同じにしておくのが良い。
* ドコモとau端末はhrタグを使うと勝手に上下に2ピクセルぐらいのマージンを付けるが、softbankは付かない。なので、margin要素を記述してその差異を吸収する。
* sizeはau端末でのラインの高さを指定している。なので、heightとそろえておく必要がある。
* ここには書いていないが、幅を指定する場合はインラインCSSでwidth:80%みたいな感じで3キャリア共通指定が可能

「適当な日々」サイトより
http://sj6.org/how_to_create_mobile_site_by_xhtml/#6

回り込みについて【ALL】※携帯

回り込みに使うのは、

＜img / align="left"①　style="float:left;"②＞


ドコモの場合＜img style="float:left;" /＞※①は不可

ｿﾌﾄﾊﾞﾝｸの場合：＜img style="float:left;" /＞

AUの場合：＜img align="left" /＞※②は不可

回り込み解除について
ドコモ:＜div style="clear:both;"＞＜/div＞
ｿﾌﾄﾊﾞﾝｸとAU:＜br clear="all" /＞※＜div style="clear:both;"＞＜/div＞でも可



*******　imgについて　********
画像にはmarginがかかります。(CSS)


******************************


*******　【AU】について　********
回り込むテキストは<ｐ>タグなどにいれない。
まわりこまなくなるから

▼反映される
＜img align="left" /＞ああああ

▼反映されない
＜img align="left" /＞＜p＞あああ＜/p＞



******************************

【ドコモ】その①

■見出しタグの大きさ
＜ｈ＞見出しタグにxx-smallを指定しても小さくならない。

→＜span＞で指定
＜ｈ＞＜span font-size:small;＞あああ＜/span＞＜/ｈ＞

■太字にする。

→太字にはならない
※spanを使っても一定



■余白をいれる。
→使えないCSS
margin/padding

結果：空白画像の高さで指。色は背景指定。

***************************************
margin/paddingはドコモは使えないが、
画像にマージンはかかる。

＜img src="img.gif" alt="ｲﾒｰｼﾞ" width="値" height="値" style="margin-bottom:8; "/＞

***************************************

-------------------
imgにはどっちもきく。

【ドコモ編】＜a＞リンクについて

最新：リンクについての色指定
http://sakaki0214.com/2009/11/09034850.html


ドコモのリンクの色指定。

①内部リンクのCSSで(一括)指定。

**＜head＞内***
＜style type="text/css"＞
＜!--
a：linka：visited｛
color:#FF9900;
｝
-->＜/style＞

②一部だけリンクの色を変えるとき。

＜span＞で色指定

＜a href="http://www.blogger.com/index.html"＞＜span style="color: rgb(51, 102, 204);">TOP＜/span＞＜/a＞

※下のアンダーラインの色は変わりません。削除不可。色変更も不可。
一括指定していなくてもブルーになります。


*************************その他メモ*************************

①link自体が使えない。→外部ファイル出来ない。※ドコモのみ、ソフトバンク/auは可。
＜link rel="stylesheet" href="%E5%90%8D%E5%89%8D.css" type="text/css"＞

②その他、実機でためしたこと
■「a」に直接(実記では変化なし、Dreamweaverのみ変更する。)
＜a href="index.html" style="color:#3366CC;"＞TOP＜/a＞

■divの中にいれてdivに色指定
＜div style="color:#3366CC;"＞＜a href="index.html"＞TOP＜/a＞＜/div＞

■スタイル名で指定
＜a href="index.html" class="red"＞TOP＜/a＞

■divの中にいれてクラス指定
＜div class="red"＞＜a href="index.html"＞TOP＜/a＞＜/div＞

■非推奨だけど、fontタグで
＜a href="index.html"＞＜font color="#CC6633"＞TOP＜/font＞＜/a＞

携帯サイトについて【実機テスト】

◆HTML
①＜body text="#666666"＞
②＜b＞タグ

◆XHTML
①＜body style="color:#666666;"＞
②＜style="font-weight:bold;"＞