プロが教えるわが家の防犯対策術!

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

A 回答 (4件)

ありえません。


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

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

そうなんですか。
できれば、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:;
}

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

お礼日時:2008/01/21 18:29

>gooのカレンダーはあの形でTableに吐き出している


これ絶対日本語おかしいですよねw

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

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

お礼日時:2008/01/17 09:54

gooのカレンダーはあの形でTableに吐き出しているので、


横に展開するのは難しそうです。
    • good
    • 0
この回答へのお礼

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

お礼日時:2008/01/03 14:20

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



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

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

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

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

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

お礼日時:2008/01/03 14:21

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!