gooブログアドバンスでカレンダーを横一列に表示する方法

質問

gooブログアドバンスでカスタムテンプレートを使用しています。
ヘッダーの下にカレンダーを横一列に表示することは可能でしょうか?
もし可能でしたら、HTMLとCSSをどのように記述したらよいでしょうか?よろしくお願いします。

回答No.4

xenotactic

ありえません。
それはgooブログがダメなのではなく、
やり方がおかしいだけです。

gooブログがどんな手を使おうと、
ユーザー個個のブラウザの解釈までいじくることはできません。

お礼

そうなんですか。
できれば、xenotacticさんは
どこに、どのような記述したのかお教えいただけないでしょうか?

ちなみに、今の段階では以下のように、
HTMLはヘッダー部分にカレンダーを表示させています。

<!--ヘッダー&カレンダー-->
<div id="header">
<!-- CALENDAR MODULE --><{$calendar}>
</div>
<!--/ヘッダー&カレンダー-->

ヘッダーとカレンダーのCSSは、以下のとおりです。
今の段階では、カレンダーを横一列表示にできていないので、メニューの所にあったカレンダーを、そのままの大きさ(テーブルのまま)でヘッダーに移動させただけの状態です。

/* ヘッダーの指定*/
#header {
　background-color:;
padding: ;
height: 200px;
　width: ;
　background-repeat:no-repeat ;
background-position:center;
background-image:
url("背景のURL");
}

/* カレンダー背景 */
.calendar {
width: 160px;
font-size: 10px;
margin-left: 67%;
margin-right: auto;
margin-top:10px;
line-height: 140%;
}

/* カレンダー年月 */
.calMonth {
color: ;
font-weight: bold;
}

/* カレンダー曜日 */
.calWeek {
color: ;
font-weight: bold;
}

/* カレンダー日付 */
.calDay {
}

/* カレンダー日付のリンク */
.calDayLinked {
font-weight: bold;
text-decoration: none;
}

/* カレンダー前月、翌月 */
.calLink {
font-size: ;
font-weight: bold;
text-decoration: none;
}

/* カレンダー内の区切り */
.calRule {
background-color:;
}

よろしくおねがいします。

回答No.3

xenotactic

>gooのカレンダーはあの形でTableに吐き出している
これ絶対日本語おかしいですよねｗ

tr,tdにdisplay:inlineを指定したところ、
FireFoxでテーブルを横一列に表示できるのを確認しました。

お礼

ありがとうございました。
やってみたのですが、gooブログではやはり無理みたいでした。

回答No.2

khazad-lefty

gooのカレンダーはあの形でTableに吐き出しているので、
横に展開するのは難しそうです。

お礼

タグをいじってもテーブルが崩れなかったので困っていましたが、
やはりそうでしたか。ありがとうございました。

回答No.1

xenotactic

gooブログ使ったこと無いので参考意見。

一般的にカレンダーはul、liを使ってリストアップさせます。
横に並べる場合はliをインライン要素として扱うため、ＣＳＳに

ul {
margin:0;
padding:0;
list-style:none;
}

li {
margin:0;
padding:0 5px;
display:inline;
}

みたいにやるのが一般的かと思います。
ただ、構文がどうこうというのは全く知らないので、
これ以上のことは教えられ無そうです。

お礼

丁寧にありがとうございました。
結局できませんでしたが勉強になりました。