アナログ
RSS  

カレンダーを一行で表示する2010/04/19 22:43



病、 発 症

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

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll
llllllllllllllllllllllllll/ ̄ ̄ヽlllllllllllllllllllllllllllllllllllllllllll
lllllllllllllllllllll /      ヽllllllllllllllllllllllllllllllllllllll
iiiiiiiiiiiiiiiiiiiiii  試 そ あ .iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
iiiiiiiiiiiiiiiiiiiii|  合 こ き  |iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
;;;;;;;;;;;;;;;;;;;;;|  終 で ら  |;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;;;|  了  め  |;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;:;:;:;:;:;:;:;:;:;:;|  だ  .た  |:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
;:;:;:;:;:;:;:;:;:;:;|  よ   ら  |:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
:.:.:.:.:.:.:.:.:.:.:ヽ、      /.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:
:. :. :. :. :. :. :. :. ‐‐--‐‐':. :. :. :. :. :. :. :. :. :. :. :.
: : : : : : : : : : : : : : : : : : : : : : : : ,.‐- 、 : : : :
                  廴ミノ
                 ///¨' 、
                 y':;:;:;:/⌒i!
                ⑪:;:;:;:;};:;:/;},
      ;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
Firefox 3.6の表示

IE 8
IE 8の表示

できるじゃないか!!!

           ___   ━┓
         / ―  \  ┏┛
        /  (●)  \ヽ ・  どうしてFirefox は 03 と 04の間の
       /   (⌒  (●) /   すきまがよけいに空くの(なおりました)
       /      ̄ヽ__) /
.    /´     ___/
    |        \
    |        |



           /)
         ///)
        /,.=゙''"/
 /     i f ,.r='"-‐'つ____   こまけぇこたぁいいんだよ!!
/      /   _,.-‐'~/⌒  ⌒\
  /   ,i   ,二ニ⊃( ●). (●)\
 /    ノ    il゙フ::::::⌒(__人__)⌒::::: \
    ,イ「ト、  ,!,!|     |r┬-|     |
   / iトヾヽ_/ィ"\      `ー'´     /

えっ!
年月も含めて二行だろって?
.calendar-rowを.calendar trにすればいいんだよ!!(幅が足らなくなるけど)


IE 6は………………犠牲になったのだ。
またかよ。 orz

コメント

コメントをどうぞ

※メールアドレスとURLの入力は必須ではありません。 入力されたメールアドレスは記事に反映されず、ブログの管理者のみが参照できます。

※投稿には管理者が設定した質問に答える必要があります。

名前:
メールアドレス:
URL:
次の質問に答えてください:
スパムがウザイので合い言葉を入れるようにしました。山と言えば川だろJK


コメント:

トラックバック

このエントリのトラックバックURL: http://puppet.asablo.jp/blog/2010/04/19/5030266/tb

※なお、送られたトラックバックはブログの管理者が確認するまで公開されません。