世の中そんなに甘くないってな！ってまぁ
ろんりろんりろんり論理性をせいりせいりせいり整理整頓
らっからっからっか落花流水 ロンリロンリロンリロンリローン
空気清浄機 / BURGER NUDS
の部分って中毒性ありませんか。
世の中そ
世の中そ
世の中そんなに甘くないってな！ってまぁ
ろんりろんりろんり論理性をせいりせいりせいり整理整頓
らっからっからっか落花流水 ロンリロンリロンリロンリローン
空気清浄機 / BURGER NUDS
の部分って中毒性ありませんか。
bq
✖
✖
✖
bq
#toc ul li a:before,
#toc ol li a:before {
content: "\BB ";
}
#navi ul.toc li a,
#toc ul li a,
#toc ol li a {
display: block;
_width: 100%; /* for IE */
padding: 0 0 0 1em; /* はみ出し。 */
margin: 0 0 0 0;
}
#navi a:hover,
#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;
}
#navi a:visited,
#description a:visited,
#toc a:visited {
color: #fff;
text-decoration: none;
}
a {display: block}
昨日の続き。やっぱ意味わかんなすぎた。
a 要素をブロックにして広げるのはその長方形のボックス内どこをクリックしても飛ぶほうがいいかなぁという魂胆なのです。
適当に該当部分のそれっぽいところだけ（既にどれがどれだか覚えてない）CSSを抜き出すと
#navi a:link,
#description a:link,
#toc a:link {
color: #fff;
text-decoration: none;
}
a {display: block}
昨日の続き。やっぱ意味わかんなすぎた。
a 要素をブロックにして広げるのはその長方形のボックス内どこをクリックしても飛ぶほうがいいかなぁという魂胆なのです。
適当に該当部分のそれっぽいところだけ（既にどれがどれだか覚えてない）CSSを抜き出すと
#navi a:link,
#description a:link,
#toc a:link {
color: #fff;
text-decoration: none;
}
負荷率がー
負荷率がー
✖
✖
bq
bq
✖
生活
とりあえず生活するためにはお金が必須であるけど、自分には金になる能力とか技術とか力の類がないんですよね。
さてどうやって生活してくんでしょ。困った。高校出るまではとりあえず大丈夫だけど……
そこで鳴っている
そこで鳴っているのは
目覚まし時計
生活 / Syrup16g
生活
とりあえず生活するためにはお金が必須であるけど、自分には金になる能力とか技術とか力の類がないんですよね。
さてどうやって生活してくんでしょ。困った。高校出るまではとりあえず大丈夫だけど……
そこで鳴っている
そこで鳴っているのは
目覚まし時計
生活 / Syrup16g
ART-SCHOOL.net
写真が変わりました、廃れた感じがマシに。
ついでに profile もアップデートされてた。なんかやっぱり感じが変わりますな。
というか、前からあったのかなこれ 木下の不思議なキャラクターが話題となり
不思議なってなぁ、笑ったよ。
ART-SCHOOL.net
写真が変わりました、廃れた感じがマシに。
ついでに profile もアップデートされてた。なんかやっぱり感じが変わりますな。
というか、前からあったのかなこれ 木下の不思議なキャラクターが話題となり
不思議なってなぁ、笑ったよ。
4時
4時
かなしいときー！
かなしいときー！
わけわかめ 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だと先頭のアンダースコアが無視されるバグ利用）アレな解決方法で放置したのですが、納得いかない。
なんか簡単すぎるような解決策がありそうだけど頭悪いので思いつかない。はげる。
わけわかめ 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だと先頭のアンダースコアが無視されるバグ利用）アレな解決方法で放置したのですが、納得いかない。
なんか簡単すぎるような解決策がありそうだけど頭悪いので思いつかない。はげる。
p ins:before, li ins:before {
display: inline;
font-size: 80%;
color: #999;
content: "Add" "(@" attr(datetime) "):";
}
p ins, li ins {
display: inline;
margin: 0;
background: #eef;
border: none;
}
ins:before {
display: block;
font-size: 80%;
color: #999;
content: "Add" "(@" attr(datetime) ")";
}
ins(del) 使い分け
前に<%=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;
}
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;
}
✖
✖
✖