カレンダーを一行で表示する
2010-04-19




病、 発 症

気兼ねなくdisplay:noneを使えると思ったら、中二病を患ってしまいましたw
やっぱり、カレンダーを一行で表示したいです。

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll
llllllllllllllllllllllllll/ ̄ ̄ヽlllllllllllllllllllllllllllllllllllllllllll
lllllllllllllllllllll /      ヽllllllllllllllllllllllllllllllllllllll
iiiiiiiiiiiiiiiiiiiiii  試 そ あ .iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
iiiiiiiiiiiiiiiiiiiii|  合 こ き  |iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
;;;;;;;;;;;;;;;;;;;;;|  終 で ら  |;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;;;|  了  め  |;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;:;:;:;:;:;:;:;:;:;:;|  だ  .た  |:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
;:;:;:;:;:;:;:;:;:;:;|  よ   ら  |:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
:.:.:.:.:.:.:.:.:.:.:ヽ、      /.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:
:. :. :. :. :. :. :. :. ‐‐--‐‐':. :. :. :. :. :. :. :. :. :. :. :.
: : : : : : : : : : : : : : : : : : : : : : : : ,.‐- 、 : : : :
                  廴ミノ
                 ///¨' 、
                 y':;:;:;:/⌒i!
                J:;:;:;:;};:;:/;},
      ;il||||li'       t`'---‐';:;:;:l
     ,.r'"''、,┘        7;:;:;:;:;:;:;:;「
    ノ4 (⌒i        .}:;:;:;:;:;:;;/
   /..,__彡{, |         `i:;:;:;:;:;}
   (  .ミi!} l、         .」:;:;:丿
  クュ二二`Lっ)        `==='

display:inlineで失敗したわけですが、そういえばfloat:leftという手があったなぁと。

                   r、ノVV^ー八
                 、^':::::::::::::::::::::::^vィ       、ヽ l / ,
                 l..:.::::::::::::::::::::::::::::イ      =  f   =
                    |.:::::::::::::::::::::::::::::: |     ニ= l そ -=
                  |:r¬‐--─勹:::::|     ニ= o れ =ニ
                 |:} __ 、._ `}f'〉n_   =- a で -=
  、、 l | /, ,         ,ヘ}´`'`` `´` |ノ:::|.|  ヽ ニ t. も ニ
 .ヽ    f ´´,      ,ゝ|、   、,    l|ヽ:ヽヽ  } ´r :   ヽ`
.ヽ し き. l  ニ.    /|{/ :ヽ -=- ./| |.|:::::| |  |  ´/小ヽ`
=  て. っ o  =ニ /:.:.::ヽ、  \二/ :| |.|:::::| |  /
ニ  く. と. a   -= ヽ、:.:::::::ヽ、._、  _,ノ/.:::::| | /|
=  れ.何 t   -=   ヽ、:::::::::\、__/::.z先.:| |' :|
ニ  る と な .=ニ   | |:::::::::::::::::::::::::::::::::::.|'夂.:Y′ト、
/,  :. か.ら ヽ、      | |::::::::::::::::::::::::::::::::::::_土_::|  '゙, .\
 /     ヽ、     | |:::::::::::::::::::::::::::::::::::.|:半:|.ト、    \
  / / 小 \    r¬|ノ::::::::::::::::::::::::::::::::::::::::::::::::| \

#left {
        width: 100%;position:relative;
}
#left .mod {
        width: 100%;
        margin:0;
}
.mod-calendar {
        position:absolute; top: -35px; left:8px;
        z-index:4;
}
.mod-calendar .mod-body{
        padding-left:0px;
        padding-bottom:0;
}
.calendar {
        border-spacing: 0px;
        font-size: x-small;
        line-height:1.6em;
        color:#000;
}
.calendar-row {
        float: left;
        padding:0;
}
.calendar-cell {
        padding:0 3px 0 0;
}
.calendar-cell:hover{
        color: #DDE;
}
.calendar-title {
        font-size:11px;
        padding:0;
        display:block;
}
.calendar .calendar-title a {
        color: #DDE;
        font-weight: bold;
}
.calendar-sun-name,
.calendar-wday-name,
.calendar-sat-name {
        display:none;
}
.calendar a {
        color:#5BEFC1;
}
.calendar .calendar-title a:hover,
.calendar a:hover {
        color:#FFA500;
        font-weight: bold;
}
.mod-rss-button,
.mod-login-button {
        display:none;
}

Firefox 3.6 禺画像]
IE 8 禺画像]

続きを読む

[CSS]
[アサブロ]
[AA]

コメント(全0件)
コメントをする


記事を書く
powered by ASAHIネット