お絵描き掲示板

OekakiBBSのテーブルデザインをCSSで再現するテスト。

文字固定はしない。

テキストの前後の装飾は、Netscape、Firefox、Operaでは対応している。

小細工したのは、ペイントメニューの余白を、「dlにmargin」ではIEしか利かなかったので、「親要素であるfieldsetにbottomのpadding」、「子要素のdlにbottom以外のpadding」で見かけ上同じになるようにしたほか、リストをインラインにして一行に見せかけたこと、コメント等をイメージに重ねてpaddingを取ったことなど。

広告

ペイントメニュー
x (50 x 50) - (600 x 600)
更新メニュー
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 次の10件

過去ログ

  1. ..10
  2. ..20
  3. ..30
  4. ..40
  5. ..50
  6. ..60
  7. ..70
  8. ..80
  9. ..90
  10. ..100

スレッド

1 絵のタイトル

総ステップ数
657
所要時間
00:13:24
アンドゥ
6
リドゥ
0
全消し
2
最大レイヤ数
2
自由曲線
654
移動
1
鉛筆
642
消しゴム
12

1

小倉 Website 2007/06/10 (Sun.) 17:15:04

プロパティのdlを3つに分割したのは、原文でbrを使用していることから、何らかのグループ分けがされているものと想定した。

Re:レスタイトル

小倉 Website 2007/06/10 (Sun.) 17:38:07

イメージを垂直中央にする方法は分からない。

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 次の10件

広告

11111111

OekakiBBS ver.2.79 (C)OekakiBBS.com, All rights reserved.
2style.net