タグ: css を抽出しています。
Total: 23

ie7以下、css inheritが効かない。

ブログ | 2012/5/28 13:44
検索したところ、
http://stackoverflow.com/questions/511066/ie7-cs...
そういうことみたいです。

で、
color:expression(this.parentNode.currentStyle['color']);
を書いたらいけた。
タグ

iPhone safari css インライン要素 font-size:11px で右に意図しないpadding

ブログ | 2011/4/28 16:30
<span style="font-size:11px;border-bottom:3px solid #ddd;">例えば、こんな場合に、右に妙なスペースが発生</span>

font-size:12px 以上なら発生しない。

buttonタグの$_POST

ブログ | 2010/6/23 21:57
送信ボタンにcssを使いたい時なんかにbuttonタグを使うのだけれど、

<button type="submit" name="preview" value="プレビュー"></button>

上記だとIE(6,7で確認)で、$_POST['preview'] に値が入ってこない。

<button type="submit" name="preview" value="プレビュー"><ins>プレビュー</ins></button>

こうすると入る。insは、css用(display:noneとか)。

safariやffは、おそらくvalueが必要。
▼追記 2010/6/23 22:10
ん、IE6だと、クリックしないボタンの値も飛んでしまう...
▼追記 2010/6/24 04:30
いろいろ面倒だから、
<input type="image" src="spc.gif" name="preview" value="preview" />
とかにして、$_POST['preview_x'] で判別する。
タグ

幅可変のふきだし

ブログ | 2009/7/3 16:24
文字の長さによって、横幅を調整する吹出しをつくるスタディ。
tableにしてみた。
http://www.karasu.net/study/fkds/

PNG32を使ったので、IE6対応でCSSがやや冗長。
タグ

ff table 1pxはみ線問題

ブログ | 2009/5/15 12:40
どうもcollapseでborderを使っていくと、Firefoxで1pxはみ出すようだ。
1pxを気にするところは少ないので、なかなか気がつかないのだけれど、たまたま気がついたということで調査。

これまで
table {
 border-collapse: collapse;
 width:100%;
}

これから
table {
 border-collapse: separate;
 border-spacing: 0;
 width:100%;
}
タグ

trにcssで背景

ブログ | 2009/5/12 18:41
IEで背景色がつかないから、いちいちtdに指定していたのだけれど、回避策をふと閃いた。

これまで
<tr><td class="bg"></td><td class="bg"></td><td class="bg"></td></tr>

td.bg {background-color:#ddd;}

これから
<tr class="bg"><td></td><td></td><td></td></tr>

tr.bg td {background-color:#ddd;}

なんでこれまで、気がつかなかったのだろう・・・。
タグ

CSSに日本語

ブログ | 2009/4/10 03:06
そうそう、数日前にふと思って、隣の弁当男子に尋ねたら調べてくれた。

OKみたいだ。一応最初に
@charset 'utf-8';
はつけておいた方がいいみたい。

さっそく、某postmapで、こんな感じで使ってみた。

HTML
< img src="spc.gif" class="↑" />
CSS
img.↑ {background: url(arrow-up.gif) 0 0 no-repeat;}
とってもいいみたい。

jQueryへのリニューアルついでに、画像ファイルをまとめてみたりした。jQueryでJavascriptファイルの容量が増えたので、少しでも容量とかファイル数の削減に。

http://postmap.org/parts/img/img.png

http://postmap.org/parts/img/star.png

http://postmap.org/parts/img/btn10.gif

ネル。

word-break:break-all;

ブログ | 2008/11/26 02:29
div, table {word-break:break-all}
と書いておくといいみたい。半角英数字が折り返される。

IE6, Safariで折り返った。Firefoxは、デフォルトで折り返る。
これはうれP.
▼追記 2008/12/26 03:46
rottelのCSSに追加してみた。
いい感じかも。
▼追記 2008/12/26 22:47
winのffには効かないようだ。
▼追記 2008/12/30 16:02
サイドバーの数字の()が途中で折り返されてる。
これでいいんだろうか・・・。要検討。
タグ
前 | 1 | 2 | 3 |

Rottel内コンテンツ

ユーザー一覧

Rottelとは?
利用規約
開発飲料
利用者の声
ヘルプ
close