stylesheet に関する記事

そういえば、ブログにソースを書くときに使うHTMLタグなんですが、少し前まで<p> タグにスタイルシートでそれっぽくしたり、 <textarea>を使ってたりしたんだけど、ちょっとしらべてみたら<pre>タグがよいということが判明。

使ってみたらスペースや改行などもそのまま表示されるので素晴らしいです。ちなみに<は&lt;、>は&gt;、&は&amp;と表記するとうまくいきます。
<listing>タグ・<plaintext>タグ・<xmp>タグも使えますが、HTML4.0では廃止されているので注意。

今日は実家に行って就職の報告してきました。
両親も喜んでくれたのでよかったよかった。
なんだかんだいって心配かけてたと思うので、給料入ったら3人で夕飯でも食べに行こうと思う。

なんだかんだいってtableタグは便利です。
表を作りたい時なんかはやっぱり重宝しますよね。
でもどうしてもtableタグを使いたくないときはこんな方法があります。

こちらがtableタグで作った表

Continue reading

jsファイルやcssファイルのキャッシュはクライアント側に残ります。
しかもキャッシュが切れるまでの時間が長いです。

だからjavascript等のファイルを更新してアップしたとき、
エラーでページが見れなかったりするわけです。

これの解決方法ですが、
呼び出しファイル名に引き数をくっつけてあげればキャッシュを読みにいきません。

<script src="script.js?20070805" type="text/javascript" />
<link href="style.css?20070805" rel="stylesheet" type="text/css" />

このように日付で管理したり、バージョンで管理するのが主流です。
xmlファイルなんかもキャッシュが長く残るので使えそうです。

画像をある一定の枠内に表示させたい時、スタイルシートで

img{max-width:150px;max-height:150px;}

とすることで画像の縦横の最大値を150pxに設定して、等倍縮小することが可能。

ただ、この方法はやっぱりIE6では対応していない。

Continue reading

「IE6ではhoverが使えないので、 ’csshover.htc’を使って解決しました。」

とこちらの記事で書きましたが、Ajaxを使ってページの１部分を更新すると、やっぱりaタグ以外にhover要素が使えないという問題に直面しました。

ほんと、いつもIEさんには泣かされます・・・。

Continue reading

えー、floatの続きを書こうと思ったのですが、
表題の内容が今日解決して、面白かったので書きます。

どうするかというと、IEに特殊なスクリプトを読ませることで解決します。
なにやら最初は難しそうでしたが、やってみたら簡単でした。
以下、方法。

Continue reading

ども。今日もhtmlとcssを一日中書いていた自分です。

さてタイトルの件ですが、そもそもカラム落ちはどんな時に生じるでしょうか？

①ボックスのwidth要素の指定が正しくない（大きすぎる場合）

②ブラウザ間でのボックスのwidth要素の解釈の違い。

③ボックス内のテキストや画像が大きすぎて、 width要素が膨らんでしまう。

とまぁこんなところでしょうか。

Continue reading

最近、htmlのコーディングをゴリゴリやっているので、ちょっとメモメモ。

どうせ作るならソース内は綺麗にしておきたいと思うのですが、今回はフッターを作る際に良く使う、こんなレイアウトについて。

これのソースはこんな感じ

Continue reading

http://www.dynamicdrive.com/style/layouts/

このサイトのソースがかなり参考になった。

今作っているサイトは横幅が固定されているが、リキッドスタイルのサイトも作ってみたい。