layout-check

改行コード自動追加位置の検証

2009-03-20T22:44:35+09:00

1234567890
12345678901234567890
123456789012345678901234567890
1234567890123456789012345678901234567890
12345678901234567890123456789012345678901234567890
123456789012345678901234567890123456789012345678901234567890
1234567890123456789012345678901234567890123456789012345678901234567890
12345678901234567890123456789012345678901234567890123456789012345678901234567890
123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

文字参照

2009-03-20T22:25:06+09:00

文字参照しない半角スペースを連続3
><& ><&
文字参照　nbsp　#0160　#x00a0　という３個の半角スペース
><&   ><&
nbspタイプ連続
1234567890
12      90
0160タイプ連続
12      90
x00a0タイプ連続
12      90

change-pagename_effect-upload-file-uri

2009-03-17T23:52:51+09:00

画像等のファイルをアップロード後ページ名を変更した場合、アップロードファイルがどうなるかについて

アップロード画像はページ番号からも呼び出せる。このページにhttp://www32.atwiki.jp/layout-check?cmd=upload&act=open&pageid=21&file=test.jpgというファイルがアップロードされている。
またページ名を利用した呼び出し方も存在する。http://www32.atwiki.jp/layout-check/?cmd=upload&act=open&page=pagename_upload-file-uri&file=test.jpg というのがそれである。「アップロードファイルをもつページ一覧」に表示されるのが、このページ名を利用するもののようだ。
現在はページ名変更の影響によりhttp://www32.atwiki.jp/layout-check/?cmd=upload&act=open&page=change-pagename_effect-upload-file-uri&file=test.jpgにて呼び出すように自動変更されていた。

フォーム関連プラグインのテスト

2009-03-15T20:29:31+09:00

#search #search2(or) #search2(and,title=Search,size=10) #search3(and,title=Search,size=10) #tagsearch() #tagsearch2(title=たぐけんさく,or,show_page)

hr

2007-09-26T22:24:10+09:00

hrにスタイル指定無し

￣

＿

hrにheight:0.3em;

￣

＿

hrにheight:0.7em;

border-width:thin;

border:solid thin #3366cc;

border:dotted thin #3366cc;

border:dashed thin #3366cc;

border-width:medium;

border:solid medium #3366cc;

border:dotted medium #3366cc;

border:dashed medium #3366cc;

border-width:thick;

border:solid thick #3366cc;

border:dotted thick #3366cc;

border:dashed thick #3366cc;

border-width:1em;

border:solid 1em #3366cc;

border:dotted 1em #3

要素レンダリング確認

2007-09-24T23:07:16+09:00

ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ αβγδεζηθικλμνξοπρστυφχψω

見出しh1

見出しh2

見出しh3

見出しh4

見出しh5

見出しh6

弱調のem要素、強調のstrong要素

定義リストのdtのように説明する対象となるdfnは、dfn要素の周辺でそれに関する説明がある事を示す。

短いコンピュータ言語やhtmlタグを記述した場合付与するcodeタグ。このプログラムは不正な処理を行ったので強制終了されます。CtrlAltDelete変数[0-255]

cite要素

フォントにOsaka-Monoは無意味？http://www.remus.dti.ne.jp/~a-satomi/nikki/2004/02a.html#d05n01-CSS-badOsaka-monoが正しい名称？http://daisei.jpn.org/blog/2007/02/osaka.html

略語

abbrについてググると、abbrは略語全般に使用するという意見が多い。acronymは複数語の頭一文字を取った略語でIEも対応しているが、NATOのように頭文字を続けて特殊な読みになるものだけを対象とするとも言われる。

blockquote q

w3cに次の記述がある。

These two elements

やたら横長のPRE要素

2007-09-18T23:43:50+09:00

preはソースの改行を反映してくれる
ただし基本的に表示領域末端での文章自動折り返しを行なわない。そのため改行なしの文章をpre要素化した場合、横に長いボックスになりカラム落ちの原因を作ったりする。それを防ぐため overflowプロパティをつけたりする。しかしoverflow:autoと指定したpre要素はmacIE5で記述内容が見えなくなるのだそうな。
overflow-xというIE由来の特殊プロパティならmacIEでも大丈夫という噂を聞いた事がある。overflow-xはIE専用プロパティからcss3のプロパティへと昇格し、Firefoxなども対応を進めているようだ。Firefoxの対応は不完全なようで、先祖要素にoverflow-xを指定し、その中のpre要素にまたoverflow-xを指定すると、下スクロールでpre要素に無数の罫線が発生する。winIEすらpre要素の下端に発生した横スクロールバーの制御に問題がある。つまり結局overflow-xをpreにつけるより、親要素のdivにoverflow-xを与えるだけが最善であるように思える。











ついでだから
無駄に改行して縦長にしてみた。



現在、先祖のdivにoverflow-xを指定、pre要素のoverflow-xを無効化中。


よって
たぶんFx2でも邪魔な罫線は発生しない。

010old/ページ構造

2007-04-22T21:49:43+09:00

010old(新デフォルト)の構造

作業中

body
┣#head-bar
┣#overDiv
┣#top
┗#wrapper●○▲△
　┣#head_editmenu
　┗#wrapper2●○▲△
　　┣#header●○▲△
　　┃┗#header2●○▲△
　　┣#content●○▲△
　　┃┣#main●○▲△
　　┃┃┣#mainbody●○▲△
　　┃┃┃┣#mainbody2●○▲△
　　┃┃┃┗#ad
　　┃┃┣#attach●○▲△
　　┃┃┗#footnote●○▲△
　　┃┗#menu●○▲△
　　┃　┗#menu_body●○▲△
　　┃　　┗#menu_body2●○▲△
　　├＜br clear="all"＞
　　┣#foot_editme

１行だけ

2007-04-20T20:29:34+09:00

●