• ベストアンサー

JAVAのプログラムとCSSの組み合わせ

http://lab.synck.com/Cal3.0/ 上記URLのソースを確認するとカレンダーがJAVAとCSSで制御されて作動されているかと思います。 これの仕組みを独学で勉強しているのですが1点、カレンダーの幅はどこで制御されているのかがわかりません。カレンダー自身のサイズを小さく(横幅100ピクセルが理想)にしようと思ったら、CSSを修正するのかJAVAを修正するのか?またそれのどの部分を修正したらいいのかわかりますでしょうか? プログラムは著作権フリー配布ということでしたので、URL掲載させていただきました。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

横幅設定、つまりwidthは設定されてないようです。 日付などの文字のサイズやpaddingの結果、その幅になっています。 それらはcal.cssで設定されています。 69行目の div.cal_wrapper table.cal tr td div { background-color: #FFFFFF; border-radius: 3px 3px 3px 3px; font-size: 10px; padding: 5px 15px; position: relative; text-align: center; } を文字サイズをsmall、paddingを0にしたら小さくなりました。 chromeのデベロッパーツール、firefoxのfirebugなどを使えるようになりましょう。 「JAVA」ではなく「JavaScript」です。 配布とURL掲載は別物です。著作権に関わらずURL掲載は問題ありません。 もし製作者が掲載禁止とした場合でも、掲載は(法的には)問題ありません。 ただ、あなたが製作者の意向を汲むかどうかだけです。

t-pop-corn-t
質問者

補足

ありがとうございます。 はい、Javascriptですね。。ご指摘ありがとうございました。 無事、小さくすることができました。 つぎからつぎへと申し訳ないですが、日付にマウスポインタをのせるとオンマウス機能が働いて、テキストが表示されてるかと思います。 このテキストが日付の真下からでてきていますが、これを日付の1個下の段の1番左から表示されるようにすることはできますでしょうか。

関連するQ&A