QA@IT

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

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

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

質問失礼致します。 今回ブラウザの印刷機能を使い、JavaScript内で作成したWEBページを印刷しようとしています。 table内の適当な行で改ページしようとしているのですが、cssのpage-break-afterが無視されてしまい、改ページができません。 この現象はchromeでのみ確認でき、IE、Edge、firefoxなどでは期待通り改ページされています。(Chromeは最新版で...

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

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

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

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

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

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

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

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

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

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

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

初めまして。 現在会社でhtml5でコーディングしています。 そこで、なやんでいるのが、上記の地域と都道府県をコーディングするタグに付いてです。 現在の案としては二通りありまして、 一つ目 <dl> <dt>北海道</dt> <dd> <ul> <li> <a href="#">北海道</a> </li> </ul> </dd> <dt>東北</dt> <dd> <ul> <li> <a h...

例えば、ボタンの形は一緒だけど、色が何種類かある場合、色のクラス名はなんて付けますでしょうか? 僕が考える中で3つ方法があると思っています。 1つ目 common-bg:よく使う色という意味でclass名を ボタンの色が少ない場合はいいと思います。 ただ、ボタンの色が多いときはクラス名になんて付ければ良いかいつも迷います。 2つ目 search-bg:何のボタンかどうかでclassを決める。...

InternetExplorerやFireFox、Chromeなどは、ページ上でCtrlキー+マウスホイールによりページ表示を拡大、縮小させることが出来ますが、特定のブロック要素のみ、この影響を受けさせずに拡大も縮小もされない、固定の大きさとさせることは出来ますでしょうか。 使用できる手段としては、HTMLタグ、CSS、JavaScriptです。 VBなんかでしたら、Resizeイベントとっ...

現在レスポンシブなサイトを作りたくて、サイトを作成しているのですが、 cssの書き方として皆様がどのように書いてるのか気になり質問させていただきます。 PCをベースにcssを作成していて、それをレスポンシブ対応を考えています。 どのように書いていくのがスマートに掛けるかで悩んでいます。 cssのファイルが増えていくので、PCとスマホで表示の差分を最小限にしながら行う方法を模索しています。 下...

javascript, jQueryを使って「タブ」と「その内容」を追加できるよう作成しているのですが、追加時にCSSにUTF-8指定しているにもかかわらず日本語が文字化けしてしまいます。コードの一部は以下のようになっています。 var a = document.createElement("div"); a.innerHTML = "ファイル名:"; var b = document.cr...

http://cl.ly/image/440O1Y221x1s 静的ファイルの出力にRails3から導入されたassets:precompileを使っていると、development環境においてもCSSファイルの末尾に?body=1という記号が付きます。 これは設定から外すことができないようです。 この影響でChrome Developer Toolが誤作動し、「記述CSSファイル特定機能」...

以下は解決済みですが、同様の問題に見舞われている方の参考になるよう残しておきます。コメントを頂いたflied_onion様申し訳ありませんでした。 //////////////////////////////////////////////////////////////////////////// CSSについて質問です。 下記コードheader#sidebarのスクロールバーに関してなの...

HTMLのTABLEタグの内部要素「th」「td」へのjQueryを使った情報取得に関する質問です。 スクリーンショットにて失礼いたします。 http://awesomescreenshot.com/0f612ilred 上の画像で、赤と緑の線で示している箇所の長さをそれぞれpxで取得したいのです。 th、tdいずれもwidth、heightは可変です。 また画像では内容物が「テキスト」とな...

stylusを使ってcssを記述しているのですが、 id名を変数を使って記述しようとしたところうまくいきません。 書き方をご存知の方、ご教授していただきたいです。 具体的には、このような記述が positions = (1 2 3), (4 5 6), (7 8 9) #wrapper for position in positions #new_id_ + position[0] widt...