ホーム > タグ > css

css

xml宣言をする事による、jsでの不具合

結果だけ見ると、なんて事ないのですが、ハマったのでメモ。

例えば、こんなソースです。

<?xml version="1.0" encoding="UTF-8"?>
<html>
<head>
//略
<style type="text/css">
li {
    float: left;
    padding-bottom: 10px;
}
</style>
</head>
<body>
<ul>
    <li>テキスト<br />テキスト</li>
    <li>テキスト</li>
    <li>テキスト</li>
</ul>
</body>
</html>

Continue reading

Firefoxで、左のborderが1pxずれる

Firefox3.0で、下のような時に発生。

<div class="section">
    <h2>タイトル</h2>
    <table>
        //テーブルの内容
    </table>
</div>

Continue reading

チェックボックスの制御

smartyのhtml_checkboxes使ってる時、チェックボックスが並ぶ場合に端で微妙な切れ方をします。それをｃｓｓで制御。

smartyでチェックボックスを自動生成すると、label要素で囲まれます。 なので、それにｃｓｓを指定します。

label { display: inline-block; }

これでOK。 widthも指定できます。 IE6、FF3、OP9.5、Safari3.2（すべてWin） では動いてます。

元ネタ：http://webos-goodies.jp/archives/51275332.html

入力モードを自動的に選択

cssで、IMEの入力モードを制限するプロパティ。

ime-mode: disabled; 英数字入力モード（変更不可）

ime-mode: active; 日本語入力モード（変更可）

ime-mode: inactive; 英数字入力モード（変更可）

ただし、IEのみ

Home > Tags > css

Calendar
« 2010 年 9月 »
M T W T F S S
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30      
Recent Entries
Tag Cloud
twitter
Categories
Archives
Search
Banner

Feeds
Meta

Return to page top