930148 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

Web標準にアプローチ 〔まいまいのお宿。〕

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
2006/06/21
XML
テーマ:Web標準(117)
カテゴリ:PC&Web

Web標準の教科書
2冊目にピッタリのレベル。
分厚いんだけどね、罫線に助けられる。
手放せない私のバイブル。

HTMLポケットリファレンス改訂第5版
ちょっとだけタグを覚えたら
もっと沢山知りたくなるね。
ポケットサイズでパソコン周りに置いてもお邪魔ムシにならないの。

赤い花 もぅ、ムカつきましてございますよ!

HTML4.01 strict と transitional のこんなところに落とし穴!
しかもブラウザの実装差異ですよん!

えぇ、こんな実装差異ありですか!?

 HTML4.01 Strict と transitional における画像余白?の差異

画像が2枚、改行して入っています。
こんな感じ。

<body>
<img src="rose_s.jpg" width="120" height="120"><br>
<img src="rose_s.jpg" width="120" height="120">
</body>

改行しただけでどうして隙間?
ちなみに、IEはWinもMacもOKです。
上下の間に隙間はありません。
他、壊滅的!

このような状態になるのは
HTML4.01 strict と transitional の規則?違いであることに気付くのに
1時間くらいかかってしまった・・・

私はFirefoxをメインで使っているので
IEで見るまでこの差に気付かなかったの。
バスケットボールHTML4.01 strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

バスケットボールHTML4.01 transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
ああ、もう、strictに拘る所ではないし、transitionalにしちゃおうかな。
transitionalだと、くっつくのよね。

画像に対してmarginをゼロにしても、paddingをゼロにしても意味ないし・・・
こんなときどうする?


・・・・・つづく

四葉のクローバー探しのいえもん
【簡易テーブルタグ作成ツール】
[Pit-Design]Webのツール素材置き場のVer1、Ver2をよろしくね。


* HOME *

詰まりたくないところで躓いてしまった!
しっかり学ばないといけません!
「XHTMLマークアップ&スタイルシート」リフォームデザインガイドブック
「XHTMLマークアップ&スタイルシート」リフォームデザインガイドブック
人気blogランキング






お気に入りの記事を「いいね!」で応援しよう

最終更新日  2006/06/21 02:02:17 PM
コメント(4) | コメントを書く



© Rakuten Group, Inc.