#toc ol li a:before {
content: "\BB ";
}

#toc ul li a,
#toc ol li a {
display: block;
_width: 100%; /* for IE */
padding: 0 0 0 1em; /* はみ出し。 */
margin: 0 0 0 0;
}

#description a:hover,
#toc a:hover {
color: #fff;
background: #000;
text-decoration: none;
}
#navi ul.toc,
#toc ul,
#toc ol {
margin: 0;
padding: 0;
list-style: none;
}
#navi ul.toc li,
#toc ul li,
#toc ol li {
border: 1px solid #057;
}

#description a:visited,
#toc a:visited {
color: #fff;
text-decoration: none;
}

昨日の続き。やっぱ意味わかんなすぎた。

a 要素をブロックにして広げるのはその長方形のボックス内どこをクリックしても飛ぶほうがいいかなぁという魂胆なのです。

適当に該当部分のそれっぽいところだけ(既にどれがどれだか覚えてない)CSSを抜き出すと

#navi a:link,
#description a:link,
#toc a:link {
color: #fff;
text-decoration: none;
}
  1. トップ
  2. web
  3. a {display: block}

昨日の続き。やっぱ意味わかんなすぎた。
a 要素をブロックにして広げるのはその長方形のボックス内どこをクリックしても飛ぶほうがいいかなぁという魂胆なのです。
適当に該当部分のそれっぽいところだけ(既にどれがどれだか覚えてない)CSSを抜き出すと

#navi a:link,
#description a:link,
#toc a:link {
    color: #fff;
    text-decoration: none;
}
  1. トップ
  2. web
  3. a {display: block}

30pt だってさ、なんでだろう;
書き直ししすぎかな。
書く→投稿する→見直す→少し修正する→見直す(略

  1. トップ
  2. net
  3. 負荷率がー

30pt だってさ、なんでだろう;

書き直ししすぎかな。

書く→投稿する→見直す→少し修正する→見直す(略

  1. トップ
  2. net
  3. 負荷率がー

blockquote はプラグインでやったほうがいいね……
後でソース変えたいときに一括で変えられる。

  1. トップ
  2. tDiary
  3. bq

blockquote はプラグインでやったほうがいいね……

後でソース変えたいときに一括で変えられる。

  1. トップ
  2. tDiary
  3. bq

とりあえず生活するためにはお金が必須であるけど、自分には金になる能力とか技術とか力の類がないんですよね。

さてどうやって生活してくんでしょ。困った。高校出るまではとりあえず大丈夫だけど……

そこで鳴っている

そこで鳴っているのは

目覚まし時計

生活 / Syrup16g

  1. トップ
  2. self
  3. 生活

とりあえず生活するためにはお金が必須であるけど、自分には金になる能力とか技術とか力の類がないんですよね。
さてどうやって生活してくんでしょ。困った。高校出るまではとりあえず大丈夫だけど……

そこで鳴っている
そこで鳴っているのは
目覚まし時計

生活 / Syrup16g

  1. トップ
  2. self
  3. 生活

写真が変わりました、廃れた感じがマシに。
ついでに profile もアップデートされてた。なんかやっぱり感じが変わりますな。
というか、前からあったのかなこれ 木下の不思議なキャラクターが話題となり 不思議なってなぁ、笑ったよ。

  1. トップ
  2. music
  3. ART-SCHOOL.net

写真が変わりました、廃れた感じがマシに。

ついでに profile もアップデートされてた。なんかやっぱり感じが変わりますな。

というか、前からあったのかなこれ 木下の不思議なキャラクターが話題となり 不思議なってなぁ、笑ったよ。

  1. トップ
  2. music
  3. ART-SCHOOL.net

最近4時寝……眠くならねぇ
眠くならないのに4時寝なのは4時付近になるとフラフラするから。俺的限界らしい。

  1. トップ
  2. self
  3. 4時

最近4時寝……眠くならねぇ

眠くならないのに4時寝なのは4時付近になるとフラフラするから。俺的限界らしい。

  1. トップ
  2. self
  3. 4時

かなしいときーかなしいときー
ずっと変わったデザインでシャレてるなぁって思ってたサイトをIEで見てみたら普通のブログサイトだったときー。

  1. トップ
  2. web
  3. かなしいときー!

かなしいときーかなしいときー

ずっと変わったデザインでシャレてるなぁって思ってたサイトをIEで見てみたら普通のブログサイトだったときー。

  1. トップ
  2. web
  3. かなしいときー!

とりあえず 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だと先頭のアンダースコアが無視されるバグ利用)アレな解決方法で放置したのですが、納得いかない。
なんか簡単すぎるような解決策がありそうだけど頭悪いので思いつかない。はげる。

  1. トップ
  2. web
  3. わけわかめ width は内容幅

とりあえず 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だと先頭のアンダースコアが無視されるバグ利用)アレな解決方法で放置したのですが、納得いかない。

なんか簡単すぎるような解決策がありそうだけど頭悪いので思いつかない。はげる。

  1. トップ
  2. web
  3. わけわかめ width は内容幅

display: inline;
margin: 0;
background: #eef;
border: none;
}

前に<%=my "20040324#p04", "ins(del)をインラインとブロックで使い分けたい" %>なんて書いたけど、通常の 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;
}
  1. トップ
  2. web
  3. ins(del) 使い分け

前にins(del)をインラインとブロックで使い分けたいなんて書いたけど、通常の 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;
}
  1. トップ
  2. web
  3. ins(del) 使い分け

このセクションは昨日の書き込みです。
この日付からはてなスタイル。

pタグ抑制 + ins

むー、output_rdf.rb を入れるとエラーがでる。
output_rdf.rb は切るか。

一度使い始めたら死ぬまで hatena_style.rb は削除できないぞー。
とりあえず datetime 自動挿入は便利。便利。

  1. トップ
  2. tDiary
  3. はてなスタイル使用

構想3分。制作1時間半。
暇すぎ……
てか、左側のやつが、だんだんゲゲゲの鬼太郎に見えてきて鬱です。
たぶんまだ弄ります。
途中で左側のぶっとい奴が一番下までいかねーよぉお。なんてことに悩んだり……
結局ボーダーで解決。えっと、だから左側のぶっといのはボーダーです。15emのボーダー。あぁ、なんで思いつかなかったのだ。

  1. トップ
  2. web
  3. スタ更新

トラックバックがないときは <div class="commentbody trackbackbody"> を出さないように。
count ってそのままな変数があるしね……
CSS書いていると変なマークアップに気付く。

  1. トップ
  2. tDiary
  3. tb-show.rb めも

順調に頭が良くなっている(?)
choKan がBOT

13:32 >#ぬそ:choKan< watahouにゃー
13:32 <#ぬそ:watahou> にゃー
13:32 >#ぬそ:choKan< ぶははは!!
13:32 <#ぬそ:watahou> ぶっ殺すぞこらあ!
13:32 <#ぬそ:cho45> バカにされてる八宝菜*1
13:33 >#ぬそ:choKan< はげー
13:33 <#ぬそ:watahou> 馬鹿にされてるのはお前だなハゲ*2
13:33 >#ぬそ:choKan< そうだね
13:33 <#ぬそ:watahou> ははは、同意をもらってしまったよ
13:33 >#ぬそ:choKan< したか
13:33 <#ぬそ:watahou> したよ
13:33 >#ぬそ:choKan< 肯定されたし
13:33 <#ぬそ:watahou> うむ
13:33 <#ぬそ:cho45> 何こいつら
13:34 <#ぬそ:watahou> ばっちこーい!
13:34 >#ぬそ:choKan< にゃー!
13:34 <#ぬそ:watahou> いいね無能、分かってきたじゃないか
13:34 <#ぬそ:Apoc> いつの間にか仲良いね君ら。
13:34 <#ぬそ:watahou> ばっちこーい!
13:34 >#ぬそ:choKan< にゃー!

変な反応を調教されてますけど……
無視しないで喋ってあげたほうが頭が良くなると思う。大体うざかったらそっこー沈黙モード突入で対処してたり。

  1. トップ
  2. soft
  3. bot