http://phpjp.com/sample/g0qDjIOTg1+BWw.htm
上記のサイトを参考に、スケジューラーを作ろうとしています。
カレンダー内の数字を左上にもっていきたいんですけど、前回の質問http://oshiete.goo.ne.jp/qa/8354900.htmlでは解決できなかったので教えてください。
No.2ベストアンサー
- 回答日時:
こんにちわ。
前回、回答したものです。
前回の回答で、解決しないということなので、追加の回答を、かきました。
もしかしたら、 もしかしたら~~
自分の環境で、やってみたら、変化、ありませんでした。。。。
が、、、よくみたら、各セルが1文字分のサイズしかないので、ちゃんと、できてるはずなのに、
表示が変化してないだけ。でした。
つまり、セルのサイズを、大きくしたら、ちゃんと、できていました。
ちなみに、下記の修正で、テーブル全体を、大きくしてみると、ちゃんと、できてることが、わかります。
■15行目を、下記に、修正してみると、いいと、おもう。
■ echo '<TABLE cellpadding="4" cellspacing="1" style="background-color : #aaaaaa;text-align :
↓↓↓ これを、下記に修正してみると、いいと思う。 ↓↓↓
■ echo '<TABLE width="70%" height="50%" cellpadding="4" cellspacing="1" style="background-color : #aaaaaa;text-align :
■注意■
この間の、修正箇所も、修正したうえで、上記の修正をする、といいかも。
以上です。
回答ありがとうございます!
15行目に
echo '<TABLE width="70%" height="50%" cellpadding="4" cellspacing="1" style="background-color : #aaaaaa;text-align :
の追加で左上になりました!
回答ありがとうございました!
No.1
- 回答日時:
御存知のように、HTML要素の属性での指定は詳細度が0として扱われます。
【引用】____________ここから
ユーザーエージェントは、HTMLソースドキュメントの体裁用の属性を尊重してよい。その場合、これらの属性は0に等しい詳細度と対応するCSS規則に変換され、それらは著者スタイルシートの先頭に挿入されたかのように扱われる。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Assigning property values, Cascading, and Inheritance - CSS 2.1 spec (ja)( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )]より
algn="left" は詳細度0です!!
一方、要素にstyle属性で指定した場合は詳細度は [1,0,0,0]になります。
⇒6.4.3 セレクタの詳細度の計算( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
すなわち、style="text-align:left"は詳細度[1,0,0,0]ですから、スタイルシートでどのように指定しても上書きできません。
⇒5 セレクタ( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
⇒6 プロパティ値とカスケーディング、継承の割り当て( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
は、CSS(カスケーディングスタイルシート)の命といえる部分です。だから、仕様書でもプロパティより先に書いてある。
まず、しっかりと理解しましょう。
PHPからは、style属性やHTMLの属性などの出力は一切せずに!!
<table id="calender">
<caption>
・・・【中略】・・・
</caption>
<tbody>
<tr>
<td>日</td><td>月</td><td>火</td><td>水</td><td>木</td><td>金</td><td>土</td>
</tr>
<tr>
<td> </td><td> </td><td> </td><td> </td><td> </td><td>1</td><td>2</td>
</tr>
<tr>
<td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td>
</tr>
<tr>
<td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td>
</tr>
<tr>
<td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td id="today">22</td><td>23</td>
</tr>
<tr>
<td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td>
</tr>
</tbody>
</table>
のように出力させて、スタイルシートで
table#calender{
font-size:0.9em;
border-collapse:collapse;
border:gray 1px solid;
}
table#calender td#today{
background-color:yellow;
}
table#calender tr td{
border:gray 1px solid;
text-align:left;
height:2em;width:3em;
vertical-align:top;
background-color:silver;
color:red;
}
table#calender tr+tr td{
background-color:white;
}
table#calender tr td+td{
color:black;
}
table#calender tr td+td+td+td+td+td+td{
color:blue;
}
だけでよいですよ。!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- Excel(エクセル) 【Excel質問】 「本日の日付」から指定条件を満たす営業日経過後の日数を表示させる関数式 3 2022/06/06 23:28
- Visual Basic(VBA) VBA 画面上のカーソルに文字数字を入力するコードを教えて下さい 1 2022/10/30 10:31
- 教えて!goo 教えて!goo以外の質問サイトを含め、回答がつく順番を教えて下さい。 2 2022/05/10 13:43
- C言語・C++・C# プログラミングの問題です。至急教えてください。 /***から***/の部分をプログラミングにしてほし 1 2022/10/13 11:48
- Excel(エクセル) エクセルでエラーを無視して一番左側のセルの値を返したい 2 2023/07/27 13:06
- 冷蔵庫・炊飯器 冷蔵庫の扉 開閉度が知りたい 5 2022/10/16 09:23
- Word(ワード) ワード。長い四角の中に文字を体裁良く入力するには。 2 2022/09/24 14:19
- その他(プログラミング・Web制作) google formsを使ったタスク依頼フォーム作成におけるご相談 1 2023/06/22 15:55
- 英語 on the thick, broken sidewalks in の意味は何ですか? 2 2022/11/16 04:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
tableにul,または,olを入れられ...
-
テーブルの表示がずれます
-
不要な余白を削除する方法を教...
-
テーブルのヘッダとボディの幅...
-
TRタグの余白をcssで設定するには
-
テーブル(表)を2つ横に並べて...
-
テーブルの外側の線を消す
-
テーブルの任意の列を非表示に...
-
逆L字の表(table)組み
-
EXCELからhtmlへの変換で罫線が...
-
テーブルの枠が2重線になるので
-
[CSS] tableの行の間隔をあける
-
テーブルの行を折りたたみたい...
-
テーブルタグのセルの幅の一部...
-
テーブルの行の高さを指定する...
-
HTML <td></td>タグ セル内余...
-
EXCELの表にTABLEタグをテキス...
-
<table>を複数使用するレイアウ...
-
tableでcolspanを使うと次行以...
-
EXCELのセル内にHTMLタグを含む...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TRタグの余白をcssで設定するには
-
tableにul,または,olを入れられ...
-
テーブルの任意の列を非表示に...
-
テーブルのヘッダとボディの幅...
-
cssで、表示されるテキストによ...
-
HTML <td></td>タグ セル内余...
-
文字列が入っているtdを削除せ...
-
テーブルのセルに画像をピッタ...
-
テーブルの行を折りたたみたい...
-
テーブルの行の高さを指定する...
-
テーブルの表示がずれます
-
テーブルタグのセルの幅の一部...
-
中に<table></table>が使えるア...
-
逆L字の表(table)組み
-
ホームページ 表の上の余白を...
-
表の中の列の順番を入れ替える...
-
EXCELからhtmlへの変換で罫線が...
-
tableでcolspanを使うと次行以...
-
表の1列だけをCSSを使って右揃...
-
文字の中央そろえを一括で指定...
おすすめ情報