Date:2012/11/30
Category: HTML
Category: HTML
http://pgd.jp/cgiscript.html
動作検証はしていません。。。
動作検証はしていません。。。
Date:2012/09/25
Category: HTML
Category: HTML
キレイで便利なlightbox2ですが、画像そのものが大きいとブラウザをはみ出てしまうのが盲点でした。
http://lokeshdhakar.com/projects/lightbox2/
http://lokeshdhakar.com/projects/lightbox2/
Date:2012/06/15
Category: HTML
Category: HTML
IEではimgタグのwidthやheightを空指定すると画像が表示されなくなります・・・。うざっ。
Date:2011/08/09
Category: HTML
Category: HTML
IE6で、サイドバーにサブメニューなんかを作るときに、
<ul>
<li><a href="#">ナビゲーションA</a></li>
<li><a href="#">ナビゲーションB</a></li>
<li><a href="#">ナビゲーションC</a></li>
</ul>
ってな感じで、liのaをブロック要素にするために、display:blockをかけると隙間が出来てしまいます。
Date:2011/07/04
Category: HTML
Category: HTML
CSSを記述しているときに(特に他人が書いたCSS)、ハマってしまうことがあります。例えば、
「CSS自体はしっかり記述しているはずなのに、なんで効かないの??」
みたいな感じです。
うっかりミスでもなんでもないのに、なぜだーと時間ばかりが過ぎていきます。
だいたいそんなときは「!important」のチェックミス。
他人がどこかに使ってたりします。!importantを使うと、その行数が優先的に使われるためその後に設定したCSSがきかないのです。
コーダーが自分ひとりであれば問題ないのですが、複数の人と行う場合はコーディングルールをしっかり決めておいたり、「Cascading」 されて (段階的に) 適用される性質をフルに使ってできるだけ!importantを使わないようにしましょう。
「CSS自体はしっかり記述しているはずなのに、なんで効かないの??」
みたいな感じです。
うっかりミスでもなんでもないのに、なぜだーと時間ばかりが過ぎていきます。
だいたいそんなときは「!important」のチェックミス。
他人がどこかに使ってたりします。!importantを使うと、その行数が優先的に使われるためその後に設定したCSSがきかないのです。
コーダーが自分ひとりであれば問題ないのですが、複数の人と行う場合はコーディングルールをしっかり決めておいたり、「Cascading」 されて (段階的に) 適用される性質をフルに使ってできるだけ!importantを使わないようにしましょう。
Date:2011/02/05
Category: HTML
Category: HTML
クラスを付加する際に、
class="A B"
というように、半角スペースで区切って入れることで、複数のクラスを設定できます。
Date:2010/12/04
Category: HTML
Category: HTML
CMSなどを使用していて、横並びのテーブルをテンプレートとして作成したい場合に、
解消するにはどうすればよいでしょうか。
<table border="1">
<tr><td>
<table border="1" height="100%">
<tr>
<td>1行</td>
</tr>
</table>
</td>
<td>
<table border="1" height="100%">
<tr>
<td>2行<br />2行</td>
</tr>
</table>
</td>
</tr>
</table>
のように縦を100%にしてもうまく揃えることができないないときがあります。
(下図)
|
|