2004-04-01 ========== 生活 ---- Reference URI: http://lowreal.net/logs/2004/04/01/1 Written Time: 2004-04-01T00:20:22+09:00 Tags: self とりあえず生活するためにはお金が必須であるけど、自分には金になる能力とか技術とか力 の類がないんですよね。 さてどうやって生活してくんでしょ。困った。高校出るまではとりあえず大丈夫だけど…… そこで鳴っている そこで鳴っているのは 目覚まし時計 生活 / Syrup16g ART-SCHOOL.net -------------- Reference URI: http://lowreal.net/logs/2004/04/01/2 Written Time: 2004-04-01T02:12:36+09:00 Tags: music 写真が変わりました、廃れた感じがマシに。 ついでに profile もアップデートされてた。なんかやっぱり感じが変わりますな。 というか、前からあったのかなこれ 木下の不思議なキャラクターが話題となり 不思議なってなぁ、笑ったよ。 4時 --- Reference URI: http://lowreal.net/logs/2004/04/01/3 Written Time: 2004-04-01T04:00:11+09:00 Tags: self 最近4時寝……眠くならねぇ 眠くならないのに4時寝なのは4時付近になるとフラフラするから。俺的限界らしい。 かなしいときー! ---------------- Reference URI: http://lowreal.net/logs/2004/04/01/4 Written Time: 2004-04-01T13:47:47+09:00 Tags: web かなしいときーかなしいときー ずっと変わったデザインでシャレてるなぁって思ってたサイトをIEで見てみたら普通のブログサイトだったときー。 わけわかめ width は内容幅 ------------------------- Reference URI: http://lowreal.net/logs/2004/04/01/5 Written Time: 2004-04-01T19:35:04+09:00 Tags: web とりあえず width は内容幅。心の奥底で width = 内容幅 + padding + margin + border とか思っているので書いて戒めを。(width = 包含ブロックの幅 - padding - margin - border) で、a 要素(何でも良いけど)を display: block にしてブロック全体でホヴァーを受けるようにするとします。Gecko は diplay: block だけで十分なのですが、IEだとテキスト部分しかホヴァー対象にならない。(でもホヴァー したときに背景色だけは正常に変わる。今のこのサイトのスタイルシートだと左側のメニュ ーがこれ) んで width: 100% とかやればIEでもホヴァー対象がブロック全体に広がるんですけど、width は内容幅なので padding とかを指定してるともちろんハミだします(IEじゃハミださないけど) というわけで、どうやったら親要素全体に padding(margin) を指定しつつ広げられるかは わからんという感じ。 とりあえず _width: 100% なんていう(IEだと先頭のアンダースコアが無視されるバグ利用)アレな解決方法で放置し たのですが、納得いかない。 なんか簡単すぎるような解決策がありそうだけど頭悪いので思いつかない。はげる。 ins(del) 使い分け ----------------- Reference URI: http://lowreal.net/logs/2004/04/01/6 Written Time: 2004-04-01T21:49:00+09:00 Tags: web 前に[ins(del)をインラインとブロックで使い分けたい](my:2004/03/24#s4)なんて書いたけど、通常の ins をブロックにして p とかその他もろもろの中に入ってるや つをインラインにすればいいだけか。 要するにこういうこと。 ins { display: block; background: #fff url("/img/ins.png") scroll no-repeat bottom right; margin: 1em 1em 1em 1.5em; text-decoration: none; border- style: dotted; border-width: 1px; border-color: #ccc;}