![]()
- スタイルシートでtableをセンター配置
先日からいろいろとここで教えていただいてますが、また壁にぶつかってしまいました。とりあえず下記のソースを見てください。 <html> <head> <title>タイトル</title> <style type="text/css"> <!-- body{margin-top:0; margin-bottom:0;} .tt1{background-color:#ccffcc; line-height:150%; vertical-align:top;} --> </style> </head> <body> <table align="center" width="600" height="100%" border="0" cellspacing="0" cellpadding="30"> <tr><td class="tt1"> 本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります。 </td></tr> </table> </body> </html> （宣言とmetaは省略） これで画面を縦に3分割したレイアウトで真ん中の色のついたエリアに文字や写真を入れていくフォーマットになります。しかしW3Cによる定義では厳密にはtableの「align」と「height」は非推奨になっているようなのです。そこで、cssで指定しようと思うのですが、tableを左右方向で常にセンターに配置するのと、真ん中の色の部分を画面下にぴったりくっつけるのがどうやってもできません。 どなかかヒントでも結構なのでいただけませんでしょうか・・・
- 離れた場所のロールオーバーのやり方について
前任者がホームページビルダーで作成したページを、自分が更新作業をしやすいようにタグ打ちをして修正しています。 ビルダーで、ボタンにマウスを置くと、ボタンが変化する（ロールオーバー）のと同時に、少し離れた場所でも絵の変化が起こるロールオーバーがあり、前任者はその手法を使っていました。 ビルダーでタグを確認すると、 JavaScriptが使われていました。 私は、一応ビルダーは使いこなせ、HTMLとCSSの知識もあります。しかし、JavaScriptがわかりません。 HTMLで記述する方法があれば、教えてください。（わかりやすい解説のページがあればなおうれしいです。） もしなければ、まったくの初心者でも理解できるJavaScriptでのやり方、ページなどを紹介してください。 よろしくお願いします。
- 半角英数字と全角文字でスタイルを使い分けたい
半角英数字と全角文字でスタイルを使い分けたいのですが、そのようなことは可能でしょうか？ 何をしたいのかといいますと、以前からアルファベットが日本語よりも一回り小さく表示されてしまうのが気になっていたため（当方Windowsを使用しています）、日本語を一回り小さく表示させたいのです。 もし方法をご存知の方おられましたらどうぞよろしくお願いいたします。
- アイフレーム非対応??
重複質問失礼します。 アイフレーム使用のサイトを立ち上げてるんですが、私の環境（osxでブラウザはfire fox）では完全にページを確認できるんですが 他のPCやブラウザではほとんど認識されません。 どれもアイフレーム内のリンク、文字等が記載されず真っ白な画面になっています（背景画像等は見れますが、アイフレーム内のみ真っ白） アイフレームはそこまで普及していないのでしょうか? はたまたHTMLがおかしいのでしょうか? 専門家、経験者の方アドバイスお願いします。 確認できないのはIEやWINが多いです。
- tableのセル高さの固定法
下記のようなTABLEがあるとします． 右の列は縦３行を連結した１つのセルになっています． また左上の「１」のセルの高さは，50PIXとなっています． いま，右列セルの内容が増えて，table全体の高さが増した場合， 「１」セルはその高さ指定50PIXを無視して拡がってしまいます． このような状況を回避して，右列セルの高さがどうあろうとも 「１」セルの高さを固定する方法を教えて下さい． （例えば，右列セルが高くなった場合， 「１」セルと固定する代わりに「３」セルを拡げて全体の高さを確保する，など） <TABLE border="1"> <TBODY> <TR> <TD HEIGHT="50PIX">１</TD> <TD ROWSPAN=5> ●あ<br> ●あ<br> ●あ </TD> </TR> <TR> <TD>２</TD> </TR> <TR> <TD>３</TD> </TR> </TBODY> </TABLE>
- tableのセル高さの固定法
下記のようなTABLEがあるとします． 右の列は縦３行を連結した１つのセルになっています． また左上の「１」のセルの高さは，50PIXとなっています． いま，右列セルの内容が増えて，table全体の高さが増した場合， 「１」セルはその高さ指定50PIXを無視して拡がってしまいます． このような状況を回避して，右列セルの高さがどうあろうとも 「１」セルの高さを固定する方法を教えて下さい． （例えば，右列セルが高くなった場合， 「１」セルと固定する代わりに「３」セルを拡げて全体の高さを確保する，など） <TABLE border="1"> <TBODY> <TR> <TD HEIGHT="50PIX">１</TD> <TD ROWSPAN=5> ●あ<br> ●あ<br> ●あ </TD> </TR> <TR> <TD>２</TD> </TR> <TR> <TD>３</TD> </TR> </TBODY> </TABLE>
- クリッカブルマップでリンクを貼ったとき…
クリッカブルマップでリンクを貼ったとき、リンク周りにborderのような、枠、色をつけることはできないのでしょうか？ <IMG SRC="photo/建物配置図.jpg" ALT="選択してね" border="0" usemap="#haitizu"> <map name="haitizu"> <area shape="rect" coords="185,247,240,303" href="taikukann.html"" alt="体育館"> </map>
- CSSによるFrameの代替方法
趣味でHPを作成しているものなのですが、 左 |____上_____ 左 | 左 |____下_____ という３分割フレームを使っています。 左にはサイトMapを置き、上にはページタイトル、 そして、下には、左のMapでクリックしたものを「target」で、 下に表示しているのですが、 今後Frame要素がなくなるのではないかと 危惧している為、CSSで代替出来ないかと考えております。 左と上はフレームである必要も無いので良いのですが、 サイトの画面を移動せず、下という１部分だけを 切り替えてという感じで引き続き運営して行きたいのですが、 CSSで代替できないでしょうか？ なんとなく段組みレイアウトとJavaScript(こちらは カテ違いですがわかれば)あたりで、何とか出来ないかと 思っています。その他の言語でしょうか？ 私は独学でやっているもので、ジャストなものをサイトで探しても 見つからず、持っている本等にも書いてないので、 お分かりの人がいれば教えて頂きたいと思います。 宜しくお願い致します。
- パソコンの画面の表示サイズはどのパソコンでも同じ？
ほかにも質問出していますが、そっちも募集中です。 で、私は今バイト先のＰＣでＨＰ作ってるんですが、そこで作って会社のＰＣで見てるものと、家に帰ってきて家のノートＰＣで見るもの。あきらかにサイズが違います。 なんというか、会社のＰＣは余裕で一画面に収まってたのに、家で見ると、スクロールバーが表示されるぐらい、あふれてるんです、表示が一画面に収まりきってないんです。 これはどういうことですか？ 例えば、パソコンは１０２４×７６８ピクセルでしたっけ？これが標準らしいんですが、会社のＰＣは１２８０×１０２４だった、とかそういうことなんでしょうか？ そうだとすると、描画範囲が違うんだから当たり前ですよね？ どうなんですか？ＰＣによって描画範囲が違ったりしますか？
- ベストアンサー
- dorakuefan
- HTML
- 回答数7
- Firefoxのチェックボックス
Firefoxでチェックボックスのチェックを外した状態でリロードすると、ソース側でcheckedがついているにも関わらずチェックされていない状態でページが表示されています。 ソースに指定した通りチェックされた状態で表示したいのですが、どうすれば良いのでしょうか？
- フォントの大きさを２と３の間に出来る？
ホームページ作成の際、フォントの大きさを標準の３にすると、少し大きいです。 ２にすると、少し小さいので、その間の大きさがあるといいなぁと思うのですが、そんなこと出来ますか？
- ベストアンサー
- konekochan_
- HTML
- 回答数3
- IE7リリースによるサイトチェックについて
IE7が先日リリースされた関係で、自社のホームページに表示崩れがいくつか発見されました。 そのホームページは製作業者に依頼をして作ってもらったらしいのですが、フォロー契約をしていなかったため急遽社内で修正を行うことになりました； そこで、IE6とIE7の変更点についてまとめているサイトをご存知であれば教えていただけませんでしょうか？（javaやcgiの動作についても） 「○○という機能が追加されたのでタグの××やcssで△△を使用しているサイトは注意」「チェックする時はこういうところに気をつけて」というようなサイトがあれば大変嬉しいです。 よろしくお願いします。
- ベストアンサー
- noname#102084
- HTML
- 回答数2
- ブラウザでの見た目の違い／Internet ExplorerとFirefox
Internet Explorer（６）とFirefox（１．５）の見た目の違いに悩んでいます。 Webサイトを制作中ですがFirefoxでデザインが崩れているのです。 スタイルシートの関係だとは思いますがFirefoxでもInternet Explorerでの見た目と同じようにすることは可能でしょうか？ よろしくお願いします。
- ご納得いただけるには・・当社対応ミス
当社は賃貸の管理会社です。当社は、先日退去されたお客様の口座から賃料を銀行の回収システムを利用して引落してしまいました。その回収のチェックを怠りその事実に気づくのが数日後となったのです。その事実を知り、直ちにお客様に謝って賃料の引落との謝罪と、その金額を戻さなくてはならない報告を賃貸担当者が次のような対応をとったのです。(1)引き落としてしまったお客様に対して直接のお詫びと返金の意思を伝えるのではなく、それを第三者に伝言として社員が伝えてしまいました。（このお客様はなかなか連絡がつけづらい方でした）(2)謝って口座から引き落としてしまったお客様から、第三者から報告を受けたとの連絡を担当が受け、その時に謝罪をさせていただいたのですが、なぜに第三者に連絡を入れ、直接自分に連絡をくれなかったのか。とのクレームが入り、上司を出せ！に対して上司が対応するまでに時間がかかってしまった。（担当が相談を躊躇してしまい報告が遅かった）この担当の上司である私が、この至らない対応をしてしまったことに対して、当社としても大変申し訳ありませんでしたと何度も何度も謝罪をさせて頂いたのですが、怒りが治まりません。全て私のミスです。社員指導がなってなかったのです。事に気づくのが遅かったのです。こんな風になってしまったのは銀行システム云々に関しては理解でたが、その後の第三者への伝言から直ぐに現金をお返ししますに至るまでミスを犯し時間がかかったことに対しての説明に納得がいかないとのことです。「当社は、＊＊＊＊＊だからこのような結果になってしまいました。」との説明を受けたいというのです。一社員を捕まえての言い訳や、個人の考えではなく全てやったことは会社なのだ。「うちの会社はどうしてこうしてしまったのか？」をどのように説明をしてご納得いただけますでしょうか。因みに私は役員です。
- 締切済み
- black_cools
- その他（法律）
- 回答数3
- ブラウザでの見た目の違い／Internet ExplorerとFirefox
Internet Explorer（６）とFirefox（１．５）の見た目の違いに悩んでいます。 Webサイトを制作中ですがFirefoxでデザインが崩れているのです。 スタイルシートの関係だとは思いますがFirefoxでもInternet Explorerでの見た目と同じようにすることは可能でしょうか？ よろしくお願いします。
- IE7リリースによるサイトチェックについて
IE7が先日リリースされた関係で、自社のホームページに表示崩れがいくつか発見されました。 そのホームページは製作業者に依頼をして作ってもらったらしいのですが、フォロー契約をしていなかったため急遽社内で修正を行うことになりました； そこで、IE6とIE7の変更点についてまとめているサイトをご存知であれば教えていただけませんでしょうか？（javaやcgiの動作についても） 「○○という機能が追加されたのでタグの××やcssで△△を使用しているサイトは注意」「チェックする時はこういうところに気をつけて」というようなサイトがあれば大変嬉しいです。 よろしくお願いします。
- ベストアンサー
- noname#102084
- HTML
- 回答数2
- cssで好きな位置に好きなボックスを配置するには？
お世話になります。 cssで文字の大きさを制御したりはできましたが、 ボックスをページの任意の箇所に配置するコードの 書き方がわかりません。 どのプロパティを用いて制御すればよろしいでしょうか？ また参考になるおすすめのサイトはありますでしょうか？ 教えてください。 お願いします。
- 電卓で√を使った計算について
電卓で√を使用した計算が上手くできずに困っています。 例えば、６√１．２を計算しますと、答えは１．０３０８５になるのが普通ですが、自分が入力すると別の答えが出てきます。 グーグルなどのネット上の電卓、オフラインの電卓でそれぞれ別々に正しい入力の順番を教えていただければありがたいです。
- firefoxでdivタグ要素が突き抜ける
お世話になります。 firefoxですとdivタグで指定した高さ・幅を要素が超えると 突き抜けて表示されます。IEだと、指定した幅・高さが大きくなってくれる。 以下のソースで子の要素が親のボックス、子のボックスを突き抜けなくできないでしょうか？ もしかしたら簡単なことなのかもしれませんが、 ご教授よろしくお願いいたします。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> #oya { border-right:orange 1px solid; border-top:orange 1px solid; border-left:orange 1px solid; border-bottom:orange 1px solid; } #ko { border-right:green 1px solid; border-top:green 1px solid; border-left:green 1px solid; border-bottom:green 1px solid; } </style> </head> <body> <div id="oya" style="width:200px;height:200px;"> <div id="ko" style="width:100px;height:100px;">ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ</div> </div> </body> </html>
- ベストアンサー
- bakenshibakenshi
- HTML
- 回答数4
- XHTMLの整合性エラー
こんにちは，ver_51 と言います． 今HTMLで作ったファイルをXHTML(1.1)へと書き換えています． HTMLで作成したファイルの内容ですが，ユーザにはラジオボタンを押してもらい，次にボタンを押してもらうと言う簡単なものです． HTMLでは意図した動作が実現できています． しかしXHTMLへと書き換え，下記サイトで整合性をチェックしているのですが，Valid でないとのエラーメッセージが返ってきます． 色々とサイトを調べて修正したのですが，整合性は取れませんでした． お手数ですが，Valid となる実現方法をお教えいただけないでしょうか？ 宜しくお願い致します． 整合性チェック: http://validator.w3.org/ 下記は元のHTMLファイルの内容です． ～ <form name="form1"> <input type="radio" name="test" value="1" onclick="check(this)" />A <input type="radio" name="test" value="2" onclick="check(this)" />B <input type="radio" name="test" value="3" onclick="check(this)" />C <input type="button" value="ボタン" name="test" onclick="search()" /> </form> ～ <script type="text/javascript" src="aaa.js"></script> 下記はJavaScriptファイルの内容です． var v; function check(radio){ v=radio.value; } function search(){ if(v=="1"){ location.href='a.html'; } else if(v=="2"){ location.href='b.html'; } else{ location.href='c.html'; } }