3分割のフレームのサイトで、mainページの背景をCSSで指定しているのですがそれをランダムに5種類の画像を表示出来るようにしたいのですが何度やってもやり方が分からず教えてもらえませんでしょうか・・・PHPは対応していないサーバーなので無理でした。http://oshiete.goo.ne.jp/qa/4805263.htmlこちらも試してみましたが出来ませんでした・・・どうかご教授願います。#cccccc;background-color:#...続きを読むAベストアンサーなるほど...CSSファイルに書いちゃだめですね(笑)もしやるなら、拡張子jsの独立したファイルにするか、HTMLの中に書きます。1)画像を表示させたいHTMLファイルは、top.htmlです。2)top.htmlは、サイトのトップの階層にあります。3)「img」のフォルダはサイトのトップの階層(top.htmlや、style.css等のファイルがある階層)にあります。いうことなので、Javascriptのプログラム自体は正常に動くものであることがわかりました。フレームについてわかりにくかったですか。<frameset>と<frame>のタグを使用して、フレームの中にほかのファイルを表示「させている」のはどれですかという質問でした。main.htmlがフレーム分割されていてその中にmenu、top、leftの各HTMLファイルですね。top.htmlが画像を表示させたいファイルであると。')';}</script>↑これを入れます。お礼でtop.htmlに入れてある例では<body></body>の中なので予定通りに動かなかったものとみられます。<head></head>の中なら大丈夫なはず。これでもしだめならそろそろお手上げです(笑)なるほど...CSSファイルに書いちゃだめですね(笑)もしやるなら、拡張子jsの独立したファイルにするか、HTMLの中に書きます。1)画像を表示させたいHTMLファイルは、top.htmlです。2)top.htmlは、サイトのトップの階層にあります。3)「img」のフォルダはサイトのトップの階層(top.htmlや、style.css等のファイルがある階層)にあります。いうことなので、Javascriptのプログラム自体は正常に動くものであることがわかりました。フレームについてわかりにくかったですか。<frameset>と<frame>のタグ...続きを読む他の回答も見るQCSSでborderの長さを指定、または可変にしたい。下記のように指定していますが、これだと横幅いっぱいに下の線が表示されてしまいます。文字なりの長さ、または指定のピクセル数にしたいのですが、どのようにしたらよいでしょうか。5px;}Aベストアンサーborderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。5px;}また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。HTMLの方も修正する方法でもよければ<h3><span>××○○</span></h3>のようにspanで囲い、スタイルをspanに対して指定する方法もあります。5px;}borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。5px;}また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。HTMLの方も修正する方法でもよけ...続きを読む他の回答も見るQ文字の位置、上下のマージンがずれる仕事でHTML+CSSでコーディングをされる方、または精通されている方に質問です。pタグで2行の段落を続けて配置してみました。高さを決めずにテキストを配置する場合、この誤差については対応ができないものなのでしょうか?pタグに限らず、ul、dlなんかでもずれることが多いです。テキストをぴったりを合わせる技術ってないのでしょうか?仕事でHTML+CSSでコーディングをされる方、または精通されている方に質問です。pタグで2行の段落を続けて配置してみました。0;各pタグにわかりやすく背景色をつけて確認して...続きを読むAベストアンサーまず、line-height:20pxのように、line-heightをpxで指定してみてください。ブラウザの違いによる縦の誤差はなくなるはずです。誤差が生じる原因としてはOSやブラウザの違いから、フォントやレンダリングの違いによるものです。font-size:14px;に指定していても、line-heightをemや%で相対的に指定している場合は、必ず誤差が生じます。文字列の横をそろえるのほぼ無理と考えてください。>pタグに限らず、ul、dlなんかでもずれることが多いです。こちらに関しては、ブラウザ間のデフォルトの差異をなくすため、リセットCSSがよく使われます。cssなどで検索してみれば色々出てくるでしょう。最近はHTML5を考慮しているものもたくさんあるので、そちらを使った方が良いでしょう。これも完全に誤差をなくせるというわけではありませんが、一度試してみると良いでしょう。初心者なのですがアニメーションの関数anime1、anime2、anime3を作成し、onClickに下記のように設定しました。クリックするとアニメーション2つの設定ではは動くのですが、3つ目を設定すると動かなくなります。通常はこのような設定はしないものなのでしょうか?教えてください。anime2()">・・・OKです。anime2(),anime3()">・・・動きません。Aベストアンサーセミコロンでつなぐのが常道ですが、3つ以上なら別途function化したほうが、可読性が高くなると思います。他の回答も見るQリストの左余白の削除方法<li>リストを作成した再に表示されてしまう、左余白部分を削除して、画面左に詰めたいのですが、上手く出来ません。alt=""></div>例えばこういうような時に、何で囲むべきかというのをいつも迷います。ブロック要素で囲むべきである、というのは何となく認識していますが、ここをdivで囲むのも何か違うような気がするし、pで囲むのも「段落」と見なせるような画像でないと何となく気持ち悪いです。最近はaltのある画像は「これは段落だろう」と自分を納得させてpで囲み、altを空にしているものは囲まずにそのまま置いたりしています。レイアウト上、ブロック要素が必要になった時にはdivで囲んでみたり...。私はイメージ的な画像(情報としては必要ない画像や、直前のテキストとかぶっている画像文字等)にはあえてaltは付けずに空にすることが多いので、ちょいちょいこういう事で迷います。スマートなやり方をご教授ください。Aベストアンサー>「alt="---------"」と入れるくらいなら「alt=""」の方が良いのではないでしょうか?そうです。そもそも、文字(内容)を画像に置き換えてしまうのは、感心できない手法ですが、味気ないHRの代わりに画像ラインを入れる手法はかっては行われていました。HRの代わりに画像を入れるのでしたら、このように書くべきと言っているのである---画像に置き換えて記述するのは誤りと言うことを言いたいのです。>この写真にaltで候補者名を入れてしまうと、画像が見れない環境の人に対しては候補者が2回表示(もしくは読み上げ)されることになります。・altをalt=""としておく・alt="山田太郎の正面からの写真"あるいは、alt="本人の写真"と画像が表示されない人も画像から得られるはずの情報をいれておく。alt=""></div>これは、書きましたが、Validator上はエラーになりませんが、やはり間違いなのです。この場合、ここに仮想的なブロックが存在するとしてDOMを構成しますが、その処理はHTML4以前は決まった解釈が定められていなかったために解釈上差が出てしまう可能性があります。alt=""></p></div>それは、その画像がどのような段落にあるのかによって判断します。DIVはDIVで目的・用途があります。文法上のエラーを回避するため、単にデザインのためのような使い方は極力避けるほうがよいと思います。それは、突き詰めればHTMLで文書構造を正確にマークアップしすること、最終的にメンテナンスしやすい結果になるからです。alt="麓から見た紅葉の城山"></p><p>紅葉も終盤を迎えた先週、子供達を連れて近所の城山にハイキングに言ってきました。alt="玄関で見送る妻"></p><p>妻は、このような山歩きなど、実利がないものには付き合ってくれない。rgba(0,0,0,0.4);}とか・・>「alt="---------"」と入れるくらいなら「alt=""」の方が良いのではないでしょうか?そうです。そもそも、文字(内容)を画像に置き換えてしまうのは、感心できない手法ですが、味気ないHRの代わりに画像ラインを入れる手法はかっては行われていました。HRの代わりに画像を入れるのでしたら、このように書くべきと言っているのである---画像に置き換えて記述するのは誤りと言うことを言いたいのです。>この写真にaltで候補者名を入れてしまうと、画像が見れない環境の人に対しては候補者が2回表示(もし...続きを読む他の回答も見るQ一部CSSを無効にする数ページのテーブルをcssファイルを使って半透明化させ背景が薄く見えるようにしています。目的のものに辿りつけず...困っています。Aベストアンサーとりあえず下記サイトは読まれましたか?下記は比較的わかりやすく説明していると思います。cellspacing="0"をCSSで設定する方法を検索したところ、border-collapse:collapse;border-spacing:0;というアドバイスが記載されていました。実際に使ってみたのですが、どうしてもセル余白とセル間隔が発生してしまいます。Aベストアンサーborder-spacingはborder-collapseの値がseparateのときしか有効にならないそうです。http://www.htmq.com/style/border-spacing.shtmlサンプルがhttp://www.htmq.com/style/border-collapse.shtmlにあるので参考にしてください。それにしてもこんなプロパティがあるとは知らなかった...参考URL:http://www.htmq.com/style/border-spacing.shtml他の回答も見るQcssで「下よせ」ってどうやっていますか?フロートのレフト、ライトはいいとして、あるボックス要素内(A)に異なるボックス要素(B)をいれます。この(B)を(A)の一番そこにはりつかせたい時にどうすれば最もよいのでしょうか?いいアイデアをご教授ください。0px;他の回答も見るQHTMLフォームのSELECTの幅を一定にするためには?HTMLフォームのSELECTの幅を一定にするためにはどのようにすればいいのでしょうか?CSS等で設定できるとありがたいのですが、やり方がわかりません。Inc.Q質問する(無料)Q&A検索goo検索gooIDで新規登録・ログイン新規登録する(無料)会員の方はこちら外部サービスのアカウントで新規登録・ログインYahoo!で新規登録・ログインGoogleで新規登録・ログインTwitterで新規登録・ログインFacebookで新規登録・ログインdアカウントで新規登録・ログイン※各種外部サービスのアカウントをお持ちの方はこちらから簡単に登録できます。お客様の許可なしに外部サービスに投稿することはございませんのでご安心ください。会員でない方、会員になるとあなたも質問や回答ができるようになります!!親切・丁寧な回答が集まる場30分以内に回答がもらえ回答数は平均3件!匿名(ニックネーム)での投稿なので。