metametamu の回答履歴

ご質問させていただきます。 下記リンクのようなレイアウトを作ろうとしています。 http://www.anandan.co.jp/works/ 左カラムのバックグラウンドが 上下で2つに分かれており、 2つ目のバックグラウンドは右カラムの高さに合わせて 下まで伸びています。 また、左カラムの内容が右カラムより少ないときは、 左カラムの高さに合っています。（下記URL） http://www.anandan.co.jp/services/web.html 画像をrepeat-yして表示させていることは、 なんとなくわかったのですが… flotすると表示されなくなってしまったり… ご存知の方、とうぞよろしくお願いいたします！

<script type="text/javascript">new wrapScroll('movable-right','goodsbox_sc');</script> これを外部javascriptで読み込ませたところ、エラーになりました。 どういった表記をすれば外部から実効させれるのでしょうか？ 以下が私が記述したソースです。 function { new wrapScroll('movable-right','goodsbox_sc'); } ヘッド内にこれがあるとなんだか気持ち悪さが残りましたので、どうにか外部で実行させたいです。 お願いします。

OS: windows7 趣味でホームページを作っています。 先日XP機がつぶれて、新しくwindows7を購入しました。 そのため、これまで実機で表示確認していたIE6が使えません。 とりあえず、検索サイトで調べて見つけた"Microsoft Expression Web SuperPreview"を導入して調べてみたのですが、「念のため…」と思ってweb上のブラウザ別のスクリーンショットを見せてくれるサイト(http://browsershots.org/)で調べたものと表示が違います。 Microsoft Expression Web SuperPreviewでは#thumnail のボックスがきちんと#container内に収まっていますが、browsershots.orgでチェックしたものは#thumnailが#containerからはみ出しています。 スクリーンショットはフリーツールで、ブラウザのバージョンと解像度を指定するだけなので、実際にキャプチャに使われたマシンの他の要素は解りません。 そのため、どちらがどうともいえないのですが、Microsoft Expression Web SuperPreviewの精度はどれくらいのものでしょうか？ ちなみに、実際のCSSコードは @charset "utf-8"; * { margin: 0; padding: 0; } html { height: 100%; } body { margin: 0 !important; height: 100%; } #container { width: 80%; min-height: 100%; margin-left: 10%; margin-right: 10%; padding-top: 2%; } * html #container { width: 100% !important; } #contents { width: 100%; margin: 2% 0; } #subnavi { float: left; width: 23%; height: 249px; overflow: auto; padding-top: 1px; } #thumnail { width: 76%; height: 250px; overflow: auto; } *:first-child+html #thumnail { margin-left: 24% !important; margin-right: 0 !important; } * html #thumnail { width: 100% !important; } ※不要そうなところは抜きました。 また、(x)htmlファイルの方はDOCTYPE宣言でxml宣言をしています。 どなたか何か解りましたら、教えてください。

リンク用見出しなどで使う文字を、CSSで背景画像として使っているのですが、IE6で表示した場合、ポジションを設定しているのに場所によって画像が動いてしまいます。 何か解決策はないでしょうか？ 例えば HTML側 <p> テキストテキストテキストテキスト<a href="#">テキスト</a>テキスト テキストテキストテキストテキストテキストテキスト <a href="#">テキスト</a>テキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキスト<a href="#">テキスト</a> </p> <ul> <li><a href="#">テキスト</a></li> <li><a href="#">テキスト</a></li> <li><a href="#">テキスト</a></li> <li><a href="#">テキスト</a></li> <ul> CSS側 a { background: url('images/ooo.gif') no-repeat top left; padding: 15px; } このように、パディングの部分だけ画像を表示したいのですが、上記のHTMLのリストのように縦列はきれいに並ぶのですが、pの中に入れてあるリンクのように縦列がばらばらの場合、背景画像が動いてしまいます。 大体のブラウザではきれいに並んでいるのですが、IE6だけはどうしてもうごいてしまいます、何か解決策はないでしょうか？

Yahoo!開発チームが検証したフォントサイズ統一のCSSとして下記を記述しています。 body { font: 13px 'ＭＳ Ｐゴシック', 'MS-PGothic'; *font-size: small; *font: x-small; } 何故かIE8ブラウザ側の機能で文字サイズを変更しようとすると反応しません。 何かIE8用に記述が必要でしょうか？

YUI fonts cssを使い、ホームページを制作しようと考えています。 そこで質問なのですが、YUI fonts cssを使用し作ったサイトというのは プラウザで文字のサイズを変更できるのでしょうか？ （例えばIEでしたら文字のサイズを変更から「最大」にすれば文字が大きくなると考えて良いのでしょか？） いくつかの解説サイトを拝見して、文字のサイズはユーザーが自由に変えれるのだろうと思ったのですが 試しに数ページ作ってサーバーアップした所、いくら文字サイズを変更しても文字が大きくなりません。 YUI fonts cssというのは、相対指定ではなく絶対指定に近い物なのでしょうか・・・？ ユーザーに高齢の方も多いサイトですので、文字サイズを変えれない仕様にするわけにはいかず このままYUI fonts cssを使用するか、諦めてemで指定しなおすか悩んでいます。 詳しい方がいらっしゃいましたら、どうぞよろしくお願いします。 ※以下のコードをbace.cssに書き、読み込ませています。 @charset "utf-8"; body { font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; } table { font-size:inherit; font:100%; }

HTML初心者です。 フォトアルバムを作りたいと思い　挑戦しているのですが なかなか上手くいかないので質問させてもらいます。 サムネイル作成にあたって a#thumbnail {background:url(photo1.jpg);} a#thumbnail {background:url(photo2.jpg);} a#thumbnail {background:url(photo3.jpg);} という記述のphoto○.jpgの画像のサイズをこの記述のなかで指定したいのですが なにか良い方法はあるでしょうか？ よろしくおねがいします。

YUI fonts cssを使い、ホームページを制作しようと考えています。 そこで質問なのですが、YUI fonts cssを使用し作ったサイトというのは プラウザで文字のサイズを変更できるのでしょうか？ （例えばIEでしたら文字のサイズを変更から「最大」にすれば文字が大きくなると考えて良いのでしょか？） いくつかの解説サイトを拝見して、文字のサイズはユーザーが自由に変えれるのだろうと思ったのですが 試しに数ページ作ってサーバーアップした所、いくら文字サイズを変更しても文字が大きくなりません。 YUI fonts cssというのは、相対指定ではなく絶対指定に近い物なのでしょうか・・・？ ユーザーに高齢の方も多いサイトですので、文字サイズを変えれない仕様にするわけにはいかず このままYUI fonts cssを使用するか、諦めてemで指定しなおすか悩んでいます。 詳しい方がいらっしゃいましたら、どうぞよろしくお願いします。 ※以下のコードをbace.cssに書き、読み込ませています。 @charset "utf-8"; body { font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; } table { font-size:inherit; font:100%; }

初めまして。こんにちは、javascriptのホームページを作ったのですが、 自分で試して作ったホームページを開いてみたのですが、 どうもjavaを有効にしていないと作った効果が反映されず何もない殻の箱のようなホームページになってしまうのですが、他ユーザーのjavascriptとAcriveXを強制的に有効にするようなプログラム記述はあるのでしょうか？ 回答の方をお願いします。 これじゃあせっかく作ったホームページが台無しです。（本当はまだ作りきれていませんが）

いつもお世話になります。 やりたいことは、divタグの領域を左右に同じ幅のマージンとなるようにしたいのですが、DOCTYPE宣言を入れたのと入れていないので、マージンが正常に働いてくれません。 例えば以下のコードがあったとします。 <html> <head> </head> <body> <div style="width: 100%; padding 5px; margin: 10px 20px; border: solid 2px black;">aaaaa</div> </body> </html> これをIE８で開いてみると、左右20pxでマージンをとってくれます。これに、 <?xml version="1.0" encoding="windows-31j" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> ・・・（省略）・・・ を追加して開いてみると、左はマージンをとっているのですが、右は端っこまでいってしまいます。 自分なりに調べてみて、DOCTYPE宣言により、標準準拠モードと後方互換モードがある、ということを知ったのですが、ではどうすれば標準準拠モードで正しくマージンを取ることができるのか、というところまで見つけれませんでした。 どうすれば正しくマージンを取ることができるのでしょうか。 宜しくお願いいたします。

いつもお世話になります。 やりたいことは、divタグの領域を左右に同じ幅のマージンとなるようにしたいのですが、DOCTYPE宣言を入れたのと入れていないので、マージンが正常に働いてくれません。 例えば以下のコードがあったとします。 <html> <head> </head> <body> <div style="width: 100%; padding 5px; margin: 10px 20px; border: solid 2px black;">aaaaa</div> </body> </html> これをIE８で開いてみると、左右20pxでマージンをとってくれます。これに、 <?xml version="1.0" encoding="windows-31j" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> ・・・（省略）・・・ を追加して開いてみると、左はマージンをとっているのですが、右は端っこまでいってしまいます。 自分なりに調べてみて、DOCTYPE宣言により、標準準拠モードと後方互換モードがある、ということを知ったのですが、ではどうすれば標準準拠モードで正しくマージンを取ることができるのか、というところまで見つけれませんでした。 どうすれば正しくマージンを取ることができるのでしょうか。 宜しくお願いいたします。

いつもお世話になります。 やりたいことは、divタグの領域を左右に同じ幅のマージンとなるようにしたいのですが、DOCTYPE宣言を入れたのと入れていないので、マージンが正常に働いてくれません。 例えば以下のコードがあったとします。 <html> <head> </head> <body> <div style="width: 100%; padding 5px; margin: 10px 20px; border: solid 2px black;">aaaaa</div> </body> </html> これをIE８で開いてみると、左右20pxでマージンをとってくれます。これに、 <?xml version="1.0" encoding="windows-31j" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> ・・・（省略）・・・ を追加して開いてみると、左はマージンをとっているのですが、右は端っこまでいってしまいます。 自分なりに調べてみて、DOCTYPE宣言により、標準準拠モードと後方互換モードがある、ということを知ったのですが、ではどうすれば標準準拠モードで正しくマージンを取ることができるのか、というところまで見つけれませんでした。 どうすれば正しくマージンを取ることができるのでしょうか。 宜しくお願いいたします。

複数の画像を細かく複雑に配置するためにmarginで位置を指定しました。 googleやbingなどで少しでも検索されやすくするために コメントはhtmlに入力したいです。 marginで画像の位置を指定するというのは、 margin: 325px 0 0 150px;　などです。 ですが、下側に物凄い余白が出来てしまいます。 画像の位置をmarginで設定するのは間違いでしょうか。

PhotoScapeで編集したjpeg画像がGoogle Chromeでは表示されますが、IEで表示されません。 現在、Ｗｅｂを作成中です。 Ｗebに使用するjpg画像を、PhotoScapeと言うフリーソフトで編集しました。 すると、Google Chromeでは表示されますが、IEで表示されなくて、困っています。 詳しい方、原因や対処法等、教えて頂けないでしょうか。 以下、補足を記載致します。 ・画像は、PIXTAというサイトで買った写真画像（jpg）です。 ・その画像に何も手を加えないでそのまま使った場合には、IEで表示されます。 ・また、ペイントで編集（サイズ変更等）した場合には、IEで表示されます。 ・しかし、PhotoScapeで編集した場合には、IEで表示されません。（Google Chromeでは表示されます。尚、拡張子は、ちゃんと.jpgで保存しています。） ・試しに、GIMPという別のフリーソフトで編集してみても、同じく、Google Chromeでは表示されますが、IEで表示されません。 ・ちなみにIEは8です。 ・画像の保存の仕方等が悪いのでしょうか。 何卒、宜しくお願い致します。

<div ckass="Container"> <div class="Left"></dvi> <div class="Right"></dvi> </div> html, body { height:100%;} .Left-Section{height: 100%;min-height: 100%; } .Right-Section{height: 100%;min-height: 100%; } .Container{height: 100%;min-height: 100%;} と設定しているのですが、div class="LEFT"とclass="Right"の背景色がページ下まで伸びず困っています。 どうしたらいいのでしょうか？

<div ckass="Container"> <div class="Left"></dvi> <div class="Right"></dvi> </div> html, body { height:100%;} .Left-Section{height: 100%;min-height: 100%; } .Right-Section{height: 100%;min-height: 100%; } .Container{height: 100%;min-height: 100%;} と設定しているのですが、div class="LEFT"とclass="Right"の背景色がページ下まで伸びず困っています。 どうしたらいいのでしょうか？

ｃｓｓは全くの初心者です。教本で勉強しながらサンプルを動かしています。 reset.cssとstyle.cssの二つを利用し、 resetでブラウザの設定をリセットする形をとっています。 resetの内容は下記です。 ------------------------- @charset "UTF-8"; * { margin: 0; padding: 0; list-style: none; font-size: 100%; border: none; } img { vertical-align: top; } ------------------------- ところが、実験的に検索ボタンを設けようと <input Type="submit" name="subm" value="検索"> を追加したら、ボタンの境界線が消えてしまいました。 これを回避するにはどうしたらいいのでしょうか？ ちなみに<div>で囲って個別に境界線を設定する、という方法もあり、やってみましたが、 ボタンらしく見えませんでした。検索ボタンだけreset.cssの「border: none;」を 適用しない、なんて方法はあるのでしょうか？

CSSのドロップダウンメニューを使用してHPを作っているのですが リンク先にもCSSメニューを表示させたい場合メインと同じ内容にすればいいと思うのですが それでは、リンク先が増えた場合（追加した場合）全てに適応するには全部のHTMLファイルを書き換えないといけないと思うのですが そんなこと無いですよね？ 説明下手で伝わるか不安なのですが・・・ リンクが100個有って101個目を追加しようとした場合 他の100個にも同じくリンク先を追加しないと同じ内容にならないと思うんです。（私のやってる方法では） でも考えたらそんなことはないだろう・・・と フレームのようにメニューは固定して新規のリンク先の内容とメニュー一つだけを書き換えて終わりと言う方法はないのでしょうか？

CSSのドロップダウンメニューを使用してHPを作っているのですが リンク先にもCSSメニューを表示させたい場合メインと同じ内容にすればいいと思うのですが それでは、リンク先が増えた場合（追加した場合）全てに適応するには全部のHTMLファイルを書き換えないといけないと思うのですが そんなこと無いですよね？ 説明下手で伝わるか不安なのですが・・・ リンクが100個有って101個目を追加しようとした場合 他の100個にも同じくリンク先を追加しないと同じ内容にならないと思うんです。（私のやってる方法では） でも考えたらそんなことはないだろう・・・と フレームのようにメニューは固定して新規のリンク先の内容とメニュー一つだけを書き換えて終わりと言う方法はないのでしょうか？

javascript初心者です。 ↓下記のように画像がsetTimeoutで切り替わるスクリプトを書いているのですが、 http://foofoo77.web.fc2.com/imagechange/index6b.html このページの記述では、後読みの方の右側は動いているのですが、左側は動きません。 この処理を同一ページ内の二箇所でしたいのですが、どのようにすればいいでしょうか？ 制約としては 二箇所を同じ関数を使ってそれぞれ違う引数を与えるのみで動かさなければなりません。 画像を変更する要素のidの値を引数としています。 同一関数を使って二箇所を処理するのは無理なのでしょうか？ ソースは下記のようになります（上部URLと同じものです）。 お分かりになる方いらっしゃいましたら、ご回答よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>一定時間で変わる画像</title> <script type="text/javascript"> <!-- //画像プリロード var j=1; function preLoad(ch) { c = ch; animeImg = new Array(); for (i=1;i<6;i++){ animeImg[i]=new Image(); animeImg[i].src="images/"+c + i + ".gif"; }; } //時間制御 wait = new Array( 3000, 3000, 3000, 500, 500, 500, 500, 500, 3000 ); var fnum=0; //表示画像制御 function change(ch) { var obj = document.getElementById(ch); obj.src=animeImg[j].src; j++; if (j>5){ j=1; } if(fnum<4){ fnum++; } else { fnum=0; } wtime=wait[fnum]; //console.log(wtime); setTimeout("change(b)",wtime); b = ch; } //--> </script> </head> <body> <img src="images/image1.gif" name="animation" height="500" width="500" id="bb"> <script type="text/javascript"> preLoad('image'); change('bb'); </script> <img src="images/imageb1.gif" name="animation" height="500" width="500" id="cc"> <script type="text/javascript"> preLoad('imageb'); change('cc'); </script> </body> </html>