ITmedia総合 >  質問!ITmedia  >  C

CSS
フォームのレイアウト崩れを防ぐ方
添付画像のようなフォームのフィールドセットを作りました。画面サイズ100%の場合は添付画像左側のように整った状態です。が、画面の右側から縮小すると半分あたりでガタッとレイアウトが崩れます。フィールドセットの下はjqueryのデータテーブルズを使用しています。縮小...(2019/07/18)

HTML
FireFoxのAwesome 5が表示不可です
Font Awesome 5を利用してHPを作成しているのですが、ブラウザのEdge、IE、Chromeではきちんと任意のアイコンを表示してくれますが、何故かFireFoxだけは四角の中にf05aなどの文字だけしか表示しません。同じ場所にFont Awesome 5でダウンロードしたwebfontsホルダーと、作...(2019/07/17)

HTML
CSS, Javascript読み込めない
Windows10のノートパソコンを使用しています。各ブラウザの設定は初期設定のままです。ローカル(PC内)でHTMLファイルにCSSファイル1つとJavascriptファイル1つを読み込ませ、Google Chrome, Microsoft Edge, Internet Explorerで開いたのですが、どのブラウザでもCSSもJava...(2019/07/14)

SE・インフラ・Webエンジニア
プログラミングをオンラインで学ぶにあたって
プログラミングの勉強をちょっとしてみようかなってことで、無料で学べるサイトに登録してみました。演習をしながら学んでいくスタイルなのですが、今までその分野に興味関心もなかったためか、本当にわけが分かりません。決まった文字コード?を入力して、「できました!...(2019/07/07)

CSS
spanを使わずに文字列の一部を赤色にする方法
HTML/CSSについて教えてください。文字列の一部を赤色にしたいとき、インラインで記載すると以下のようになると思います。<span style="color:#FF0000;"> samplesamplesample </span>上記内容を、「span」を使わずにインラインで記載する方法を教え...(2019/07/03)

CSS
CSSでwidthの指定は%、pxどっちがいい
HTML5、CSS3の記述方法で教えていただきたい事がございます。横幅を指定する場合には、px、%、vwなどどんな単位で記述するのがいいのでしょうか。また、%とpxを混ぜて使ってもいいのでしょうか。高さも%を使うものでしょうか。お手数ではございますが、それぞれの説明サイ...(2019/07/03)

CSS
cssスタイルシート
(1)html { }と(2)html * { }の違いを教えてください。ちなみに使い方は下記のようなものでした。(1)html { font-family:sans-serif;}(2)html * {box-sizing: border-box;}どちらもhtmlタグ内すべての指定だと思いますがとくに(2)のアスタリスクがなぜ必要なのかがわかり...(2019/07/01)

CSS
FlexboxのレシポンシブCSSで困ってます2
Proof4さんスミマセン!再度質問させてください。教えて頂いた通りにしたらboxのレシポンシブ化は出来たので、infofl-item2にh3とリストを作成したらinfofl-item2のリストがh3の下に来なくて右横に来てしまいました。どこが悪いのかわかりません?お手数ですが教えて下さ...(2019/06/04)

その他(インターネット・Webサービス)
luxbarの表示について3
Proof4さん回答ありがとうございます。お陰様で改善できました。申し訳ないのですがあと数点教えてください。1.luxbarの上部にヘッダー用のlogo画像等設置用のスペースの開けたいのですが可能でしょうか?試しに<br>でスペースを開けてみたのですが不可でした。もし...(2019/06/03)

その他(インターネット・Webサービス)
luxbarの表示について2
luxbarについて再度お聞きしたいです。.luxbar-navigation{justify-content: flex-start;}でIE11でもうまく表示されましたが、どのブラウザもハンバーガーメニューにした時、階層下メニューは開いたままでした。これを閉じた状態から開くように修正できないのでしょうか?...(2019/06/02)

その他(インターネット・Webサービス)
luxbarのIE表示について
HP作成でハンバガーメニューの作成が難しく、ネットで探していたらluxbarが便利そうでした。早速作成して色々なブラウザで検証してみたのですがIEのみ表示が上手くできません非対応なのでしょうか?<!DOCTYPE html><html lang="ja"><head><...(2019/06/01)

CSS
FlexboxのレシポンシブCSSで困ってます。
Flexboxのレシポンシブの書き方で困ってます。各クラスのitemをPC版での場合は横並びで幅は20%、20%、60%。スマホ版では各itemが100%の画面横一杯に縦並びに表示したいです。他のCSSの関係上@media screen and (max-width:567px) の書き方は変えないでおきたいのですが...(2019/05/31)

デスクトップPC
サーブレットに移動できないできない
HTTPステータス 405 - HTTPのGETメソッドは、このURLではサポートされていません。type ステータスレポートメッセージ HTTPのGETメソッドは、このURLではサポートされていません。<%@ page contentType="text/html; charset=UTF-8"%><!DOCTYPE html>...(2019/05/27)

CSS
レシポンシブのtab型メニューで困ってます
レシポンシブのtab型メニューが上手くできなくて困ってます。希望は、表示する枠の高さは固定、表示するリストが多くなれば縦のスクロールバーが自動的に表示される、レシポンシブに対応です。jQueryが上手く動かなくなる可能性があるのでCSSのみで動くソースがネット上に...(2019/05/26)

その他(インターネット・Webサービス)
画像拡大機能のjsをスマホで読み込まない
ホームページの画像拡大表示に、shadowbox.jsを使っています。このような画像拡大機能を持つJavaScriptjsをスマホで読み込まないHTMLの書き方を教えてください。<head>内に、以下のように記述しています。<link type="text/css" href="../css/shad...(2019/05/20)

CSS
CSS3のnth-childが上手くいかない
テーブル内のテキスト配置をtext-align: center;にします。左側の2番目以降をtext-align: left;にしたいです。どうやったら良いでしょうか?宜しくお願いします。(2019/05/20)

就職・就活
大学卒業してwebデザイナーを考えています。
大学卒業してwebデザイナーを考えています。学生の頃はITのSI業界で開発職で内定を頂いていましたがスキルアップが見込めないと改めて思い卒業間際に辞退して既卒で就職活動をしております。開発職から内定を頂いたものの実は情報学部ではありますが簡単なホームページ作成...(2019/05/12)

ホームページ作成ソフト
デベロッパーツール
HTML css java phpの勉強をしようとしています。自宅は環境が作れるのですが、仕事の環境では、フリーソフトが入れられないのでメモ帳で開発し知識だけでも貯めていこうかなと考えていました。ネットで調べていると、GoogleやIE でデベロッパツールが使えることを知り、メ...(2019/05/09)

HTML
HTML css java php 開発環境
ネットで少し調べましたが、実際作業されている方に雰囲気を教えていただけると助かります。HTML cssはメモ帳で開発できますか?フリーソフトを使った方が作りやすいでしょうか?java phpは、ダウンロードが必要のようですが、この認識で合っていますか?会社のパソコンで...(2019/05/08)

CSS
safariでのtransformを有効にさせたい
webデザインについてです。BODY<div id="wrap"><main><h1><ruby><span>題</span><rt>dai</rt>名<rt>mei</rt></h1><hr><nav>#page2_INFO##page4_MAIN##blog1_LOG#</nav><...(2019/05/08)

CSS
htmlエディタのサイトをそのままワードプレスへ
元々はワードプレスを使ってHPを作っていたのですが最近htmlやCSSを勉強し始め、bracketsというhtmlエディタで新たにサイトを作りました。htmlエディタでのほうが自由度も高く、慣れれば作りやすいように感じています。しかし、たとえば画像を自動で圧縮してくれるEWWW Ima...(2019/04/30)

ホームページ作成ソフト
ホームページビルダーのように位置を自由にできるもの
ホームページビルダーの機能で画面の好きなところに部品を配置してページを作れるというものがあるのですが、これと同じことをフリーソフトでできるものはあるでしょうか?自分でHTMLやCSSを書けるようになってからは公開するサイトを作るのに使うことはなくなりましたが、...(2019/04/27)

デザイナー・クリエイティブ職
webデザイナーになりたいと思い始めましたが質問で
webデザイナーになりたいと思い始めましたが質問です。幸い弊大学では関係がありそうな知識としてはホームページの作成、(cssやhtml、サーバー公開まで)やPhotoshopやIllustratorではないですがツールを用いて画像編集や加工技術を学びました。他には関係無いですがc言語...(2019/04/26)

その他(インターネット・Webサービス)
回答ありがとうございます
勉強する時間がないですね。jimdoってcss等の知識がなくてもクレジットカードや入力ホームを導入できるのではないのでしょうか?(2019/04/24)

HTML
ブラウザの幅を狭くしてもレイアウトが崩れない方法
ブラウザのサイズを縮小すると画像のようにレイアウトが崩れます。ウェブ製作の学習をしている初心者です。現在wrap(container)を1000pxに設定しています。せめてmin-width: 900pxあたりまではレイアウトが崩れず縮小できるようにしたいと思っています。(スマホ、タブレッ...(2019/04/19)

HTML
menuのHTMLタグとCSSが上手くいかない
画像(1)が現状です。イメージは(2)です。何故HTMLタグを別々にするかというとスマホにしたらsubメニューをボトムに配置したいのです。メニューとsubメニューの背景がくっつかないのです。(1)を(2)にするにはどうすれば良いでしょうか?以下がHTMLタグとCSSになります。アド...(2019/04/14)

Ruby
Windows上で動くアプリを作りたい。
Windows上で動くアプリを作りたい。拡張子[.exe]でRubyかphpとhtml,cssを使いどのパソコン(Windows)でも動くレジっぽいアプリを作成したいのですがどのようにすればいいのかさっぱりです。上記の言語自体はある程度は触れるのですが.exeで起動し、フォームの表示方法がわ...(2019/03/25)

HTML
HTMLでゲームができるってどういうこと?
ずいぶん前からFlashの提供が終わるからとか脆弱性がどうのだとかで、FlashゲームはHTML5に乗り換えるべしみたいな記事や掲示板の書き込みやらをよく見かけました。ずっと分からないのが、なんでHTML?え?HTMLってテキストにマーク付けるだけのものじゃないの?しょせん装...(2019/03/25)

ブラウザ
Firefox 65.0.2の新しいタブについて
Firefox 65.0.2の新しいタブについてお聞きしたいです。Firefoxを起動した際にgoogle検索が表示されるように「オプション」ー「ホーム」ー「新しいウィンドウとタブ」ー「ホームページと新しいウィンドウ」の箇所にカスタムURLをgoogleのURLを入れて、「新しいタブ」の箇所...(2019/03/01)

その他(インターネット・Webサービス)
バーコードプログラム制作について
今の会社でバーコードを使った製品の管理をしたいと考えています。市販のソフトでは対応が困難なため自分で作って見たいと思います。使う言語ですが・HTML 5 ・CSS3 ・PHPですがバーコードを読み取る、読み込んだデーターを画面に反映させるまた、データーをSQLに保存さ...(2019/02/28)

HTML
ヘッダーとフッターを画面いっぱいにする方法について
添付画像のようにヘッダー部とフッター部だけを画面いっぱいにしたいと思っています。HTMLはおおよそ以下のような構成になっています。CSSでは <div id="container">に対して以下のように記述しています。---------------------------------------#contain...(2019/02/27)

HTML
【正規表現】HTML5のpattern属性について
HTML5のpattern属性で半角英数記号を指定するにはどう記述したら良いですか?HTMLやCSSの学習をしています。正規表現についてはほぼ分かりません。(1)ユーザーIDやパスワード入力フォーム半角英数記号のみの入力を処理する場合、type属性は”text”でいいのでしょうか?(2)...(2019/02/22)

CSS
:hoverで枠内どこに合わせても文字色が変わる
画像のようなメニューを作りたいと思っています。下記のように記述すると<li>に:hoverをつけ、カーソルを合わせると<li>内の枠線下の部分と<li>内の背景色は変わりますが文字に関しては文字の上にカーソルを合わせないと文字色は変わりません。<li>...(2019/02/21)

その他(プログラミング・開発)
プログラミング言語を体得するためには
プログラミングを習得するためには、何が必要だと思いますか。私自身、html,cssなどを本で学習したものの、身についたのかどうかがイマイチな状況です。こういうときは、どうすれば、身についてないかどうか確認できるものなのでしょうか。どなたかアドバイスご教示いただ...(2019/02/20)

CSS
ウェブサイトの基本的な学習をしています
ウェブサイト作成の学習をしています。おおよそ以下の添付画像のようなログイン画面を作成したいと思っています。(1)ページのタイトルを記述するだけの「トピック」部分のcssですが”ログイン”という文字が垂直方向の中央に配置されません。display: inline; にするとテキ...(2019/02/17)

HTML
フラワーシャワーのようなパララックスの実装について
wordpressでウェブサイトを作っています。htmlやcssを独学で勉強しながら、アニメーション等を実装していてhttps://demo.kallyas.net/wedding2/のようにスクロールすると花がでてくるようなパララックスを作りたいのですが、デベロッパーツールを見てもどのように実装して...(2019/02/15)

ノートPC
adgeでホームページのCSSが反映されない
IEでは正常に読み込めますがMicroedgeでは表示が反映されません(2019/02/07)

その他(ソフトウェア)
HTMLのブラウザでの表示
メモ帳でHTMLを書き、ブラウザで表示したとき、文字が表示できるとき(XX.html)とできないとき(XX01.html)があります。比較した添付ファイルがありますが、どこに問題があるのでしょうか。教えてください。プログラムは下記のようになっています。<HTML><HEA...(2019/02/04)

CSS
divで2カラムにすると途中から本分が左に寄る
CSSは詳しくないのでテンプレートを元にしてますがdivで2カラムなっており左にメニュー右に本分メニューが終わった部分から本分が左に寄って困っています本分の最初から最後までを0pxのテープルで囲えば途中から左に寄りませんが重くなるのでテーブルを使わずデザインした...(2019/02/03)

ブログ
ゲームのブログを書こうと思っています。
ゲームの個人ブログを書こうと思っています。前提として・ユーザー5?10万人弱の規模のアーケードゲーム・やや大型の攻略wikiは存在するが、目立った個人ブログや攻略サイトは見当たらない。・巷に存在する収益化出来ているブログのように、体裁を整えたサイトにする予定今...(2019/02/01)

HTML
css javascriptについて教えて下さい。
下記のように、ボタンを押すとdivタグの中にpタグを表示するようにしました。そこで、そのpタグがdivタグの中央から表示するようにしたいのですが、できません。cssでpタグの左右のmarginをautoにするのかくらいしか思いつかず困っています。pタグがdivタグの中央から表示...(2019/01/31)

CSS
CSSが反映されない
以前にも質問させていただいたのですが、解決しなかったので、再度質問させていただきます。ワードプレスのCSSが反映されません。編集場所は子テーマのCSSです。最初に.headline2{background-color:#ffd700;}でダメで、こちらで質問させていただいたところ・・・・・...(2019/01/30)

CSS
ワードプレスで、CSSが反映されていないようです。
お世話になります。見出しに装飾をつけようと思い、ワードプレスのCSSを編集しました。が、反映されません。見出し2の背景色をゴールドにしようとしたのですが、ノーマル?のままです。ワードプレスのテーマは子テーマを選択し「Simplicity2 child: スタイルシート 」...(2019/01/23)

CSS
CSS 特定の文字列が入った要素を指定して処理
テーブルタグを使ったスケジュール表があり、「休憩」や「昼休み」という文字があったら、背景の色を変えるといったものをしたいです。スケジュールの時間により、「休憩」や「昼休み」の配置が変わってしまいます。なので、条件で背景の色を変えるようにしたいです。https...(2019/01/21)

CSS
cssでfont-styleだけ反映されない
chromeで確認しながらCSSを作成しているのですが、font-styleだけ反映されません。他のfont-weightやtext-decoration等は値を変更すると反映されるのですが、font-styleだけ何も表示が変わりません。ちなみに、IEで確認した所、italic等に設定していると反映されていること...(2019/01/20)

CSS
CSS テーブルタグの二列目にそれぞれ色を付けたい
http://takuya-1st.hatenablog.jp/entry/2013/12/05/035607これを参考にやってみましたが、何も反映されませんでした。ややこしくてうまくいけませんでした。テーブルタグ<table><tr><td>A</td><td>赤</td></tr><tr><t...(2019/01/18)

CSS
<h3>タグと画像の隙間をなくしたい
無料ホームページテンプレート『template party』(URL https://template-party.com/db_template/?act=list&ord=1&kind=1&limit=100&html=list_all.html&top=0&page=2)の『tp_kids4_blue』というテンプレートを私用させてもらっています。<h3...(2019/01/17)

ブラウザ
Adblock Plus フィルターの書き方
*@@*.css|上記をAdblock Plusに記入する方法を教えてください。(2019/01/07)

その他([技術者向] コンピューター)
このCSSで間違いがありますか?
下記のCSSで上手く認識しません。どこか間違いがありますでしょうか?お詳しい方宜しく願います。table.cal tr td{padding:2px; border-style:none;color:#575757;}tr.out{margin:20px 20px 10px 20px;text-indent:0em;font-size :12px;letter-spacing:0.2em;line-heigh...(2018/12/23)

CSS
ヘッダ(横並び)の作り方について
横並びメニューのヘッダーを作る例として、<div1>Text</div1><div2><ul><li></li><li></li></ul></div2>という構成※divの数字は便宜上で、cssで<li>&<div1>&<div2>にfloat:left指...(2018/12/20)



2013年のα7発売から5年経ち、キヤノン、ニコン、パナソニック、シグマがフルサイズミラーレスを相次いで発表した。デジタルだからこそのミラーレス方式は、技術改良を積み重ねて一眼レフ方式に劣っていた点を克服してきており、高級カメラとしても勢いは明らかだ。

言葉としてもはや真新しいものではないが、半導体、デバイス、ネットワーク等のインフラが成熟し、過去の夢想であったクラウドのコンセプトが真に現実化する段階に来ている。
【こちらもご覧ください】
Cloud USER by ITmedia NEWS
クラウドサービスのレビューサイト:ITreview

これからの世の中を大きく変えるであろうテクノロジーのひとつが自動運転だろう。現状のトップランナーにはIT企業が目立ち、自動車市場/交通・輸送サービス市場を中心に激変は避けられない。日本の産業構造にも大きな影響を持つ、まさに破壊的イノベーションとなりそうだ。