ixkaito の回答履歴

ページへのアクセス後、ページの背景色を時間経過（数秒）とともに色Aから色Bへと滑らかに変化するものを作りたいのですが助言をお願いします。 私の技術的にHTML, CSS, JavaScriptを組み合わせたもので作りたいのですが、できるだけシンプルかつブラウザの互換性の高いものが作りたいと考えています。欲張りな質問で申し訳ないのですがご回答いただけるとありがたいです。

http://nanndabakuroneko.web.fc2.com/test/index1.html 上記のサイトを作っていたのですが、フリックでのスライドが、上の1つにしか反映されていません。 どうしたら他のスライドにも反映させることができるでしょうか？ スライドはこちらのflipsnap.jsを使わせて頂いています。 http://pxgrid.github.io/js-flipsnap/demo.html また、前回の質問で教えて頂いたこちらのチェックサイトで引っかかった文法ミスを修正したのですが、どうにも動いてもらえず...。 http://www.htmllint.net/html-lint/htmllint.html 余計なデータもくっついてちらかっていてすみません。 どなたかご教授お願い致します。

当方Webについては独学で、発注させて頂く立場の者です。 フリーランスの方にWebサイト制作を外注させて頂く際、デザイン業務とコーディング業務を別々に発注すると言うのは、実際に制作される技術者様から視ると・・・ やり易い業務発注でしょうか？ それとも やり辛い業務発注でしょうか？ また、もし可能ならなぜそうなの思われたのかご教示ください。 契約云々、金額云々、仕様の事前提示云々などの細かい点は全て技術者様のご意向に沿う発注であると一旦仮定して頂き、単純に業務を実施するという技術者視点からだけ視たご意見を頂けますと幸いです。 ぜひ、よろしくお願い致します。

プロはフォトショップで作ったカンプを使ってコーディングするときに、ボックスなどのさいずをどう確認していますか？ 下記サイトに下記のような記載があるのですが、情報を見ながらボックスをパス選択ツールなどで囲ってみるということでしょうか？ それだと１PXくらいずれることがありませんか？ それともボックスを作った段階ですべてサイズをメモって、テキストで何pxと記載しておくのでしょうか？ デザインを見るときに見えないようにするというのはどうでしょうか？ 5．photoshopでF8キーの「情報」を見ながら、サイズを確認しながらエディターでCSSコーディング。 http://okwave.jp/qa/q5279110.html

プロはフォトショップで作ったカンプを使ってコーディングするときに、ボックスなどのさいずをどう確認していますか？ 下記サイトに下記のような記載があるのですが、情報を見ながらボックスをパス選択ツールなどで囲ってみるということでしょうか？ それだと１PXくらいずれることがありませんか？ それともボックスを作った段階ですべてサイズをメモって、テキストで何pxと記載しておくのでしょうか？ デザインを見るときに見えないようにするというのはどうでしょうか？ 5．photoshopでF8キーの「情報」を見ながら、サイズを確認しながらエディターでCSSコーディング。 http://okwave.jp/qa/q5279110.html

ネットで調べていくつかのパターンを試してみましたが、 vertical-align:middle;が全然かかりません。。。 同じボックスをいくつも作ってその中に様々なサイズの画像を配置したいのです。 .bb_box{ width:210px; height:90px; display:table-cell; text-align:center; vertical-align:middle; layout-grid-line:90px; } .b_img{ vertical-align:middle; } <div class="bb_box"><img src="○○○" alt="○○" width="91" height="33" border="0" class="b_img" /></div> 間違い箇所がたくさんあるかと思いますがご教示ください。よろしくお願いいたします。

HTMLやCSSでウェブページを作っているのですが (1)ここにあるフレームを使うにはどうしたらいいのでしょうか？ http://malsup.com/jquery/corner/ また画像にも適用できるのでしょうか？ (2)、(1)ができない場合、画像の内側にフレームを付ける方法と色の変え方を教えて下さい。 border="2" bordercolor="red" これでフレームは付いたのですが色が変更できなかったです。 回答よろしくお願いします。

問い合わせのページを作成するのですが、下記サイトのようにコメントなどを入れるボックスの背景を周りの背景にしたいのですが、下記のようにliを使うのはW3C上正しいのでしょうか？liでも情報転送は問題ないのでしょうか？ http://www.lionways.com/en/contact/ inputを使うのが理想だと思うのですが、それだと背景の画像が見えなくなります。 プロはどうしているのでしょうか？

http://tqs.jp/ http://ogawakensetu.tobiiro.jp/index.html このようなホームページを自分で独学で作れるようになるには、何を勉強すれば・どんな本を読めば、いいですか？ マウスをポイントすると動くようになるところとか知りたいです。 よろしくお願いします。

PHP初心者です。 PHPファイルで、HTMLに埋め込んだPHPがうまく出力できません。 このファイルはもう一つのPHPファイルに読み込んで実行しています。 例えば、 <?php echo "<p>こんにちは</p>"; ?> とすると、 こんにちは "; ?> と出力されてしまいます。 とても初歩的なところで詰まっているようでお恥ずかしいのですが、 原因が分からないので回答よろしくお願いします。

当方知識が貧しくぶしつけで申し訳ないのですが、どなたかご教授いただけたらと思います。 jqueryを使って並んでいる条件ボタンを選択すると、合致した画像が表示されるページを作りたいと思って居ます。 2つくらいサンプルをDLしてみました。 A.http://testpage.futene.net/jqueryfilteringeliminate/index.html B.http://testpage.futene.net/refine/index.html やりたいのは、まず全体表示から、任意の条件をクリックすると合致した画像が表示されるということです。 また、複数の条件で表示が出来ることです。 cat+dogと押下していって押下されるごとに条件にあった画像が出てくる感じです。 Aの場合ですと、最初に全て押下されている常態で、いらない条件をクリックしていくものです。 これを逆に押下されていない状態から始まり、押下していくと合致した条件の画像が出てくる。 としたいです。 またBの場合ですと、一つの条件でしか、絞り込めず、二つめの条件をクリックすると、前の条件 がはずれてしまいます。 どちらのサンプルを利用しても良いのですが、どちらかのサンプルでどこのソースをいじれば 上記のような動作が可能になるか教えていただけないでしょうか？ よろしくお願いいたします。

当方知識が貧しくぶしつけで申し訳ないのですが、どなたかご教授いただけたらと思います。 jqueryを使って並んでいる条件ボタンを選択すると、合致した画像が表示されるページを作りたいと思って居ます。 2つくらいサンプルをDLしてみました。 A.http://testpage.futene.net/jqueryfilteringeliminate/index.html B.http://testpage.futene.net/refine/index.html やりたいのは、まず全体表示から、任意の条件をクリックすると合致した画像が表示されるということです。 また、複数の条件で表示が出来ることです。 cat+dogと押下していって押下されるごとに条件にあった画像が出てくる感じです。 Aの場合ですと、最初に全て押下されている常態で、いらない条件をクリックしていくものです。 これを逆に押下されていない状態から始まり、押下していくと合致した条件の画像が出てくる。 としたいです。 またBの場合ですと、一つの条件でしか、絞り込めず、二つめの条件をクリックすると、前の条件 がはずれてしまいます。 どちらのサンプルを利用しても良いのですが、どちらかのサンプルでどこのソースをいじれば 上記のような動作が可能になるか教えていただけないでしょうか？ よろしくお願いいたします。

こんばんは。 最近jqueryを始めた初心者です。 ロールオーバーするとattrして、replaceして画像を変える 下記のような仕組みについてなのですが、 $(this).hover(function(){ $(this).attr('src', $(this).attr('src').replace(/^(.+)(\.[a-zA-Z]+)$/, '$1_on$2')); この正規表現について分からないところがあります。 まず、この正規表現では、 文字列の最後から、 $1（.[ドット]) と $2(.[アルファベッド]）の間に”_on”が入るという事だと私は認識していますが、 取得するデータが gnav_01.png のような場合の時は gnav_01_on.png "1"と"."の間に_onが入って来ています。 ちょっと分からなくなってしまったので、 どなたかもしよろしければお教え頂ければありがたいです。

WordPressやPHP初心者です。 「東京」というタイトルの個別記事があるとします。 この個別記事は、宇宙、地球、日本というカテゴリに属しています。 宇宙、地球、日本は並列のカテゴリとして属しているのではなく、 （親の親の親）宇宙--（親の親）地球--（親）日本--（自分）東京 ↑自分である東京から見た場合、上記のようにして属しています。 （カテゴリに階層が出来た状態で属しています） ワードプレスの記事投稿のカテゴリチェックボックスには、 東京のみにチェックが入っています。 （親カテゴリにはチェックを入れてありません） 「東京」の個別記事が属しているカテゴリに 任意のカテゴリ名があるかどうかをスラッグ名で調べるには どう書けばよいでしょうか？ カテゴリ名ではなく、スラッグ名で取得したいです。 スラッグ名は以下のようになっています。 （親の親の親）uchu--（親の親）chikyu--（親）nihon--（自分）tokyo tokyoの個別記事が、 「chikyu」というカテゴリ（スラッグ）に属しているかどうかを調べる if文のようなものを知りたいです。 上手く伝わっているか不安ですが、 ご存知のかたいらっしゃいましたら何卒ご教授お願い致します。

いつもお世話になっております 表題のとおり、 以下サンプルサイトの グローバルナビを固定にしたのですが、表示がおかしいです http://gcgtokyoroom.com/yk/ グローバルナビはしっかり付いてくるようになりましたが、 サンプルjs http://www.webdlab.com/template/fixednav/ 一旦トップに戻ると #mainImg部分が全て表示されなくなります、、、 恐らくcssの問題だと思うのですが、 正直あまりcssが分からず困っております。 ご教授お願いします、、、

よろしくお願い致します。 <div>の<height>を100%に指定して、 タブレット等での表示時、縦でも横でも画面一杯に 表示させたいと考えています。 とりあえず css で以下は宣言済みです。 　html, body { 　　height: 100%; 　　margin: 0px; 　　padding: 0px; 　} 親子構造としては以下を想定しています(いくらか簡略化しています) <html> 　<body> 　　<div id="H" style="height:60px;"> 　　　(1)ここにヘッダー的なもの 　　</div> 　　<div id="B" style="height:100%; overflow: auto;"> 　　　(2)この部分を縦一杯にしたい 　　</div> 　</body> </html> (2)の部分にはjavascriptでサーバから取得した XMLのデータを埋め込んでおります。 その際、選択行の色付け等を行いたかった為、 大枠を<div>でくくり、その中に<table>で表組みしています。 最終的な構造は以下のようになっているはずです。 　<div id="B" style="height:100%; overflow: auto;"> 　　<div id="rdiv1"><table id="rtbl1"><tr><td ・・・ /td></tr></table></div> 　　<div id="rdiv2"><table id="rtbl2"><tr><td ・・・ /td></tr></table></div> 　　<div id="rdiv3"><table id="rtbl3"><tr><td ・・・ /td></tr></table></div> 　　・・・ 　</div> 行ごとの<div>や、その中の<table>でも height: 100%; は指定しています。 また、1行あたりの高さは<td style="height: 40px;">と指定しています。 (rowspanを使ってのぶち抜きを行っているため) html と body に height:100%; を指定しているので、 予想ではヘッダー用のdivが指定の高さで表示され、 次のdivが残りの高さ分一杯に表示。 その中のデータは overflow:auto; でスクロールできる。 と考えていたのですが、実際はjavascriptで埋め込んだdiv、 及びtableの高さまで伸びてしまい画面上を大きくはみ出してしまいます。 （divのoverflowが全く機能しません） 100%ではなく 500px としてみたところ、 そのサイズに収まってスクロールできました。 （縦一杯ではありませんがdivのoverflowは機能しました） 何とか height 100% を実現して、 divのスクロールバーのみでの表示を行いたいのですが、 何か指定が足りないのでしょうか？

画像をデュレーションなしで切り替えるのはattrメソッドでできますが その動作にさらにデュレーションを追加させるにはどういうメソッドを使用すれば 良いのでしょうか？ javascriptかもしくはjQueryのメソッドにそういったメソッドはありませんでしょうか？ javascriptのsetInterval()とclearInterval()あたりを使えばできるのでしょうか？ animateメソッドでは数値をいじれるプロパティしか変更できないので 画像変更は無理ということで 頭を抱えてます。

スマートフォンサイトを制作しています。 このサイトをAndroid端末で表示させて、ページの一番下の「PCサイトへ」をクリックするとPCサイトへリンクしますが、PCサイトのページの上部が表示されずに、なぜかページの中段にリンクしてしまいます。 _blankで別ウインドウ指定リンクすると、問題なくPCサイトのページ上段が表示されます。 ※ただ、ポリシー上、別ウインドウでひらかせることはNGとなっています このサイトの「PCサイトへ」をクリックして、PCサイトの上部が表示される様にする方法がわかる方いらっしゃいますか。 JSやCSSが原因かと思い、JS/CSSのリンクを削除してみましたが、症状は変りませんでした。 Androidはいろいろな端末で同症状が起きますが、私が使用している端末はDOCOMOの「P-01D」です。

Webサイト全ページのヘッダーとサイドバー、フッターは同じ内容です。 そのため、Webサイトを更新するときの作業効率を考えて外部読み込みをしようと思っております。 以下の手順で、phpのincludeを使って、一応読みこむことはできました。 (1)「index.html」を「index.php」に拡張子を変更 (2)「index.php」の読みこませたい部分に次のように記述 <?php include('./header.html'); ?> (3)「header.html」を作成 以上の手順で、FFFTPでアップロードして、ブラウザで表示したら、読みこみに成功しておりました。 しかし、当然といえば当然なのですが、次ようにサイトのurlの拡張子がhtmlからphpに次ようになっておりました。※urlはダミーです。 http://www.sample777.com/index.php このままだと、全てのページのurlの拡張子がphpになってしまいます。 この場合、seoやユーザービリティ―などの観点から、何か問題はありますか？ urlに表記されるphpの部分をhtmlのままにしたいのですが、何か方法はありますか？

崖<img src="../gaiji/ga033.gif" width="2%" height="2%" alt="外字">の内容の「width="2%" height="2%"」をSafariの場合変更したい。 通常の画像の場合cssで変更できますかなぜか小さな画像はcssで変更出来ませんので 通常の画像の場合の指定 <img src="../syasin/suruga/a032.jpg" width="99%" height="100%" class="gh19" alt="旧道風景"> .gh19 {width:17em;height:26em;} 上記内容は、javascriptを使用してSafariのみ指定しています。 お分かりの方がいましたら教えて下さい。