QA@IT

そのギモンは、あなただけのもの?

ITエンジニアが日々遭遇する課題やトラブルはたいてい、1人だけが出合うものではありません。QA@ITで質問・回答を共有しませんか?

タグ css で絞り込んだ結果 - 解除 Feed icon

下記のようなプログラムを作りたいと思っています。 1.氏名、住所、生年月日が登録できること。 2.氏名と住所があいまい検索できること。 3.生年月日が範囲検索できること。 4.2と3の検索結果を一覧表示できること。 表示する項目は氏名、住所、年齢 5.4で表示した一覧から選択を行い修正ができること。 開発言語はHTML&CSS,JavaScript,Rubyの中から簡単に出来るもので作りたい...

前提・実現したいこと 現在、デザインしている表が全体的に右寄せになっており、中央寄せにする為に 横幅を指定したいのですが、どのようなclassを利用したらいいですか? 試したこと 現在、デザインしているページが全体的に右寄せになっており、中央寄せにする為に、center alignedを書いたが変化が無かったので横幅を指定して中央寄せにしたい 言語名 semantic ui 参考にしたページ...

下記のコードは、1分ごとに和暦と西暦に切り変わると『(カレンダー機能付き)デジタル時計』ですが、 問題があるのです。土曜日と日曜日にそれぞれ色を付けたのですが、2回目から反映されて初回は 反映されないのです。原因が分かりませんので、分かる方は教えていただけないでしょうか。 それと、文字数が増減することから後ろの要素から数えて設定したほうがやりやすいため、 CSSの"nth-last-chil...

下記のコードは、ウインドウ上をクリックするたびにアナログ時計の外周を"英語表記のカレンダー"と "日本語表記のカレンダー"に切り替わるように設定し、"日本語表記のカレンダー"の干支(酉)にanimation スタイルを設定しようと試みたのですが、反映されません。どうすれば、このコードでanimation スタイルを設定できるでしょうか。 なお、時刻を更新させない場合の"className"は...

下記のコードは、アナログ時計の外周を、画面をクリックするごとに 『英語表記のカレンダー』と『日本語表記のカレンダー』に切り替わる ようにしたものです。 しかし『日本語表記のカレンダー』にはtoLocaleDateStringを使っているためか、 外周の移動速度(=step[設定は、0.03])が『英語表記のカレンダー』より遅いのです。 この差をなくすには、どうしたらいいでしょうか。 問題箇所...

私はプログラミングは得意です。(もう何百万行書いてきたか覚えていません) なのでHTMLなんて寝ながらでも書けるのですが、 CSSが苦手なのです。 例えば、<画像><画像の説明>、というパーツがあった場合、 <画像の説明>を<画像>の上下中央に配置したいけど、やり方が分からない →ググル →display: table-cell;でvertical-align: middle;すればいいよ ...

Chromeのタグ動画プレーヤーのダウンロードボタンのみ非表示にしたいのですが、何か知っている方はいらっしゃいますか? 下記CSSのような感じで、CSSでChromeのみボタンを非表示にできるといいのですが、ダウンロードボタンにあたるCSSの名前がわかりませんでした。 video::-webkit-media-controls-fullscreen-button { display: non...

HTML初心者です。 tableタグとCSSを使って以下の画像のようなtableを作成したい考えています。 tableタブを3つ使えば動きそうな気がしているのですが、それ以上まったく思いつきません。 皆様のお知恵をかしてください。 全行は縦スクロールで移動。 2列以降のみ横スクロールで移動。 (1列目は縦スクロールで移動するが横スクロール時は固定) ■ 実行環境 OS:Windows7(64...

Jqueryのプラグイン(rwdImageMaps)を使用し、スマホ用にイメージマップ対応を行いましたが、Androidは正常にクリックできますが、iphone(ios)ではクリックが無反応(ios不具合)でした。 対応策として、イメージ画像の高さ・横幅を指定することでクリック出来る様になったのですが、 固定で指定してしまうと、スマホにより画面サイズが可変する為、うまくいきません。 うまく固...

ブラウザの幅で振り分けるタイプのレスポンシブサイトを作成中です。 768px以上は通常のPCサイトとして、基本のbase.cssを読み、 768px以下はスマホサイト用として base-sp.cssを読むとしています。 base-sp.cssは @media only screen and (max-width:768px){ } という記述内に記載し、PC表示を上書きする方法です。 (元々...

下記のソースコードは、画面中央にいる人(〇)が「こんにちは」という言葉を発しているところを "marquee"タグではなくてanimation-duretionスタイルで試みたものです。 しかし、中央にいる人(〇)までが、一緒に言葉と共に(左に)移動してしまいます。 どうすれば、発する人と言葉を分離できるでしょうか。ご教示ください。 <style> p.myMarquee { display...

下記のソースコードは、animationを使ってボタンの中の文字が、"2秒"かけて1往復, 及び文字色が変化するように設定したものです。 これを、1往復する時間は"0.5秒",文字色が変化する時間は"2秒"と設定するには、 どのように書き換えればいいでしょうか。ご教示ください。 <style> #Alarmy{ font-size:25px; } #Alarmy{ -webkit-anima...

下記のソースコードは、marqueeで動いている文字をストップさせ、次にスタートさせるには 『方向指示ボタン』で方向を決めてから『START』を押さないと機能しませんが、方向が "右方向"にしか動きません。 これは、ソースコードのfunction Stop_Start(){}の中の"if(marLeft()){ document. getElementById("blinkL").class...

下記のソースコードは、marqueeの方向指示ボタンの背景色に、animation styleを設定しようと 試みたものですが、うまくいきません。文字が左に移動しているときは左の方向指示ボタンの背景色に, 文字が右に移動しているときは右の方向指示ボタンの背景色に、"点滅"のanimation styleを設定したいのです。 どのように書き換えれば、よろしいでしょうか。ご教示ください。 <ST...

お世話になっております。 今回が初投稿になりますので乱筆・乱文であることをお許しください。 早速質問に移るのですが、 Bootstrapを使用した場合に Input属のCheckboxがGoogleChromeで表示されないという事象についてです 現在Cakephp2系の環境で開発を行っており CSSフレームワークとしてbootstrapを使用しております。 開発用のブラウザはFireFox...

お世話になります。 早速なんですが、HTMLとCSSでTABLE自体をIE画面の中央・中段に表示する方法をご教授願いたく質問させて戴きます。 Yahoo知恵袋でも同じ質問をしたんですが、 戴いた回答が「cssボックスを上下中央に配置」というキーワードでgoogleで検索しなさいというものでした。 そのとおり検索してみると色々参考になるサイトが出てきて勉強になったんですが、 実際に試してみると...

今ブログを始めていて、平凡よりちょっとだけ面白い ブログにしようかなと思っています。 私自身SEなのもあって【HTML】【css】【jquery】を ある程度でしたら触れます。 なので、記事の邪魔にならない程度の装飾で 閲覧数を伸ばせたらなと考えています。 よくある一般的なfc2のブログなので、 素人が見て明らかに凄い動きはさせずに 「おっこれ面白い」程度に思わせたいのです。 ブログの内容も...

この前の質問に関連したものですが、下記のソースコードは、 文字マウスストーカーの初期状態にのみにanimationDURATION スタイルが設定してあるものです。 これに、他のプルダウンボタンのオプションのメッセージにも animationDURATIONスタイルを設定したいのですが、組み立てが うまくいきません。どうすれば、いいでしょうか。ご教示ください。 (ソースコード) <!DOCT...

お聞きしたいのですが、Webサイトをプリントする場合、デフォルトのプリント設定だと背景が表示されませんが、ブラウザのクロムの場合 cssの設定で @media print { body { -webkit-print-color-adjust: exact; } } を記述するとプリントのオプション設定をしなくても背景が表示されるのですが、 他のブラウザでも同様の設定を行うcssやjsなどの...

https://gist.github.com/znz/d2890d8c4b168ddcd50d#file-bootstrap3-input-file-html のようなHTMLで bootstrap 3.3.0 の input[type="file"] を使おうとしています。 Google Chrome だと下につけたスクリーンショットのようにボタンとファイル名がずれて表示されてしまう (...

bootstrapを使ってデザインの練習をしています。 jQuery JavaScript Library v1.11.1 Bootstrap v3.2.0 を使用しています。 ブラウザは、chromeの64bit版の38.0.2125.111を使用しています。 以下のようなHTMLを書いて表示してみたのですが、思うようにいきません。 やりたいのは、imgタグの画像と、「画像の右側テキスト:...

HTMLのタグというかCSSというかデザインについて困っています。 表現がよく解らないのですが、よくアンケートであるような 名前:鈴木一郎 年齢:51歳 みたいな項目を作ろうとしています。 以下のようなタグを作成しました。 <table> <tr> <td style="width:100px"> <img src="/assets/dummy.png">&nbsp;名前&nbsp;:&nb...