アナログ
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