Home > スポンサー広告 > 森信雄の日々入門詰将棋の CSS

スポンサーサイト

スポンサー広告

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Comments:-

Comment Form

Trackback+Pingback:-

TrackBack URL for this entry
http://karafuto50.blog117.fc2.com/tb.php/204-4e614ba1
Listed below are links to weblogs that reference
スポンサーサイト from Karafuto Blog

Home > スポンサー広告 > 森信雄の日々入門詰将棋の CSS

Home > css > 森信雄の日々入門詰将棋の CSS

森信雄の日々入門詰将棋の CSS

css

  • 2009-04-25
  • css

森信雄の日々入門詰将棋

森信雄の日々入門詰将棋の CSSを書いてみた。ブログのタイトルは入門詰将棋となっているが、けっこう難しい。

右のカラムの固定幅を可変にした。将棋盤の間隔を広げて、中央に少し寄せた。

/* 右カラムの幅を可変 */
body > table {
    width: auto !important;
    background: #cceaff !important;
}
body > table > tbody > tr > td > table {
    width: auto !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important
}
body > table > tbody > tr > td > table > tbody > tr > td:nth-child(2n) {
    width: 100% !important;
}
td.main_txt {
    background: #cceaff !important;
}
td.entry_title {
    background-image: none !important;
}

/* 将棋盤の間を広げる */
td.main_txt > object {
    display: block !important;
    margin: 2em auto 2em 25% !important;
}
td.main_txt > a {
    display: block !important;
    margin: 2em auto 4em 25% !important;
}

本当は解答の Flashの将棋盤を大きくしたかったが、拡大すると太い線が現れてしまう。

td.main_txt > object > embed { 
    width: 125% !important;
    height: 125% !important;
}

Flashの将棋盤

Comments:0

Comment Form

Trackback+Pingback:0

TrackBack URL for this entry
http://karafuto50.blog117.fc2.com/tb.php/204-4e614ba1
Listed below are links to weblogs that reference
森信雄の日々入門詰将棋の CSS from Karafuto Blog

Home > css > 森信雄の日々入門詰将棋の CSS

おまかせリンク(R)
全記事表示リンク
Search
Meta
Feeds

Page Top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。