ITmedia総合 >  質問!ITmedia  >  C

「CSS」最新質問一覧

Cascading Style Sheets
-こちらもご覧ください-
連載インデックス「いまさら聞けないCSS/スタイルシート入門」 - @IT
質問!Web Page Design→ITmediaのQ&Aサイト「質問!ITmedia」でWeb Page Design関連の質問をチェック

Webデザイン・CSS
CSSでの除外指定
CSSでとある要素以下にはあてないというような指定はどうすればいいでしょうか?:notを上手く指定すればいけるんでしょうが…input { /*何かしら*/}というスタイルを.outが指定された要素以下(子要素、孫要素、以下全て)単純にnotだと、その指定した箇所にしかあたらなか...(2016/09/20)

Webデザイン・CSS
CSSのドロップダウンメニューが見出しで切れる
CSSでドロップダウンメニューを作りました。ページの上部に横並びの状態です。メニューを押すと下に4項目程度のリストが下がってきます。今まで本文の見出しには<h1>タグを使用せず画像でのみで作っており、リストには影響がありませんでした。<h1>を使用しCSS...(2016/09/16)

Webデザイン・CSS
このデザインをCSSでは・・・
この一覧の枠?といいますか、一行一行を点線で並べていくデザインってCSSではどう指定するのでしょうか?(2016/08/29)

HTML
テーブルの幅をデフォルトに戻すcssがわかりま
<html> <head> <title>test</title> <style type="text/css">table { width: 100%;} </style> </head> <body> <table border=1> <tr><td>No</td><td>table1</td><...(2016/08/09)

Webデザイン・CSS
cssについて
html&css初心者です。ある書籍の本で分からないことがあります。htmlでclass属性を書きこみました。< div class=″keyvisial″><p class=″news_item″><div class=″map″>それぞれをcssで書いた際には.keyvisial {.news_item {div.map {とありまし...(2016/07/12)

HTML
Htmlとcssだけで円グラフを作ることは可能?
Htmlとcssだけで円グラフを作ることは可能ですか?(2016/07/06)

Webデザイン・CSS
CSSで rotate 値が書き換えられない理由
javascript で rotate の角度を変化させて描画することができずに困っています。p の値を読み込ませて、その角度を画面上に反映させるコードを書きました。document.getElementById('div2').style.transform = "rotateX(" + p + ")deg" ;このような指...(2016/07/04)

Webデザイン・CSS
CSS3の疑似要素 :afterについて
テキストの右が側に階層を示す”>”を付けたいのですがChomeでの表示|アクセス |お問い合わせ |プライバシーポリシー|これを>アクセス >お問い合わせ >プライバシーポリシー>このようにしたい。HTMI5表示 <div id="main"><div id="bread...(2016/06/23)

Webデザイン・CSS
2カラムレイアウトでサイズ可変なCSSレイアウ
例えば、右、左の2つのエリアにわかれた2カラムレイアウトで、真ん中の境界線を右左にずらすことで、ウィンドウサイズはそのままでエリアの領域が可変になるようなレイアウトをCSSなどで実現したいです。「ウィンドウサイズ 可変」などで検索すると、1つのウィンドウサ...(2016/06/12)

Webデザイン・CSS
この色をHTMLやcssで表せる色コードにしたい
色合い→160鮮やかさ→240明るさ→60赤→0緑→0青→128この色をHTMLやcssで表せる色コードにしたいのですがどうすればいいでしょうか?http://www.colordic.org/ここから探そうと思ったのですがどうやって探せばいいのかわかりません。#000000と言う形式にしたいです。(2016/05/22)

Webデザイン・CSS
【CSS3】Text-Alignの継承について
BODYタグでText-Alignしても、継承しない?のはなぜでしょうか?Text-Alignは継承されないプロパテーなのでしょうか?Body {Text-Align: Center;}(2016/05/16)

Webデザイン・CSS
css スマホ対応
css スマホ対応cssスマホ対応現在デザイン初心者のものです。簡単なwebページを作りpc用 スマホ用のデザインをしているのですが問題はスマホの機種によって(アンドロイド iphone4 iphone5)微妙にスタイルが崩れます。スマホのデザイン全ての機種を一律に合わす方法などな...(2016/05/04)

Webデザイン・CSS
勝手に他のcssが適用されることはあり得ますか?
<link rel="stylesheet" type="text/css" href="○○.css">としていないのに、勝手に他のcssが適用されることはあり得ますか?FC2の無料版です。(2016/04/24)

Webデザイン・CSS
文末に「…」を追加するCSSの記述について
下記は、ブラウザのサイズが変更されても2行で表示するように記述したものです。これに文末に「…」を追加するにはどのように記述すれば良いでしょうか?表示結果現在 「ああああああああ ああああああああ」このように表示したい「ああああああああ あああああああ…」C...(2016/04/13)

Webデザイン・CSS
phpで出力したものをcssでデザイン
phpでサーバーから出した画像を縮小したいのですがうまくいきません。ソース<?php print $disp_gazou2;?>どのように書けばよろしいのでしょうか簡単なサンプルソースいただければ幸いです。(2016/03/13)

HTML
type="text/css"
<!DOCTYPE html>で始まるサイトなのですが、<link rel="stylesheet" type="text/css" href="あああ.css">とする時type="text/css" はなくても問題ないですか?(2016/03/09)

Webデザイン・CSS
cssのバージョン
自分がつかってるcssのバージョンがいくつなのかはどうやって知れますか?よくCSS3というのを見かけますか自分の使ってるものもこれに該当するのか知りたいです。(2016/03/09)

Webデザイン・CSS
CSSでスライドインする方法
ページを開くと、トップページで画像がスライドインしています。トップバナーに装飾をするにはどのようにしたらよいのでしょうか。CSSで動かしたらいいとは思うのですが、どのようなコードを書いたらいいのか分かりません。初歩的な質問で申し訳ないのですが、分かる方はア...(2016/03/09)

Webデザイン・CSS
CSSの修正箇所を教えてください。
http://pet-thailand.com/example.html上記ページのCSSの修正について教えてください。1、トップメニューの右端のメニューにカーソルを置いた時、2階層目が右の枠の下に潜り込んでしまい隠れてしまいます。枠の下に潜り込まずに、上に表示されるようにするには、どうす...(2016/02/27)

Webデザイン・CSS
CSSについての質問です
ある要素の中で指定した属性が指定した値を持つ場合にCSSを適用したい場合は、E[hogehoge="aaa"]のように書きますが、属性を複数指定するにはどう書けば良いのでしょうか?例えば、hogehoge="aaa"かつfoo="iii"の時に適用したく、E[hogehoge...(2016/02/22)

Webデザイン・CSS
@media 画面の幅によってcssを分ける場合
4.6インチのスマホを使っています。cssで「スマホ内のサイズなら」とやりたいのですがどのようにすればいいのでしょうか?サンプルコードを拾ったのですが<style> @media (min-width: 0px) and (max-width: 480px) { h1 { color: red; }</style>こ...(2016/01/23)

Webデザイン・CSS
cssの初歩的な質問
初歩的な質問で申し訳ないのですが、以下の画像のように画像を並べたいのですがうまく並べることができせん。ulで画像たちを囲いmax-widthで最大幅を決めて画面が狭まるほど画像を小さくし、並べるためにfloat:leftをかけてはいるのですが下記の「こうなる」のようになって...(2016/01/20)

PHP
php?でスマホ用のCSSへ切り替える記述について
php?でスマートフォン用のCSSへ切り替える記述について質問です。HTML/CSSの知識はあるのですがPHPについてはさっぱりで…お力を頂ければと思います。今度CSSの切り替えでスマートフォン用のサイトを表示することになったのですが、一部システムが絡んでいるため切り替え...(2016/01/09)

Webデザイン・CSS
HTMLとCSSを組み合わせる方法に関して
下記のebay商品ページの下の方にある「Description」以下の英文字と同じフォント、同じ大きさで、私も表示させたいと考えています。http://www.ebay.com/itm/Near-Mint-PENTAX-smc-FA-645-400mm-f-5-6-1-5-6-with-Hood-Free-Ship-Japan-241-/141828835849?hasただ、ebayで...(2015/12/28)

HTML
padding 一つにまとめるには?css
<html> <head> <title>test</title> <style type="text/css"> td{padding:10;}</style></head> <body> <table border=1> <tr><th>a</th><th>b</th></tr> <tr>...(2015/12/27)

HTML
一部CSS認識させない方法ってありますか?
CSSで<A>は右寄りに設定しています。今、画像に<A>を設定しているのですが、画像が画面の右によってしまいます。ソースに直接記述してもいいので、この画像を中央に配置したいのですが、どうしてもできません。<CENTER>を記述しても駄目です。よって...(2015/12/18)

Webデザイン・CSS
忍者ホームページにcssが反映されない
「忍者ホームページ」でサイトを作ろうとしています。初心者なので下記サイトをみてほぼそのままやってみました??http://www.htmq.com/csskihon/401.shtmlFTPはサーバーダックを使用しています。htmlは反映されたのですが、cssをアップロードしても反映されません。フォル...(2015/12/09)

Webデザイン・CSS
【CSS】ul li iPadで見ると境界線が
以下ページをiPadのsafari及びChromeで見るとhogeとhogeの間に白い線が入ってしまいす。同じ現象はmac OSX上のsafari,Chromeでも拡大してみると発生します。(拡大しない状態では入らない)<html><html><head><meta http-equiv='Content-Style-Type' ...(2015/11/30)

HTML
アップロードした時だけCSSが反映されない 
プログラミングの知識はほぼ皆無なので無料テンプレートのサイトからテンプレートをダウンロードし、コードはほとんど触らず<p>◯◯◯◯</p>内の文章だけSublime Text2上で編集していました。写真や内容を自分好みにし、ローカル環境で作動するか試した結果し...(2015/10/29)

Webデザイン・CSS
css 上から色を重ねるのはよくない?
CSSでa{ color:gray;}a:visited { color:red; }こうしてるのですが、理由としてはまずすべてのリンクに灰色を付けて、その後、訪問済みのリンクを赤にしてます。でもそうすると、グーグルクロームでソースを見た際に画像の様になります。訪問済みのリンクはまず最初に灰色...(2015/10/02)

Webデザイン・CSS
CSSのBoxを使ってレイアウトについて
□□ 横並びのBoxレイアウトがあり、各ボックスをA、Bとします。↑↑ABAは、コンテンツの内容に従ってheightが変わります。Bもそれに従いAと同じheightになります。Bの中には、縦並びのBoxレイアウトが入っています。上のボックスをB1、下のボックスをB2とします。□ ←B1...(2015/10/02)

グラフィックソフト
これから、css3とHTML5を勉強したいと思って
これから、css3とHTML5を勉強したいと思ってますが、主にウェブや広告のデザイン、アート、アプリ開発に手を出していきたいのですが、他にも勉強したほうがいいものはありますか?それと、安く学べる塾やソフトもまだないのであればぜひ教えてくださいませ!(2015/09/25)

Webデザイン・CSS
CSSのVM、VHはいつから仕事でも使えますか?
CSSのVM、VHは、プラグインなどを使って、アンドロイドブラウザ4系でも使えるようにすることなど出来ないのでしょうか?まだどうしても実務では無理でしょうか?(2015/09/23)

スマートフォンアプリ開発
何の時に何が必要?(HTMLとCSSのように)
こんにちはwebアプリかネイティブアプリを作ろうと思っているのですが、何のときに何が必要ですか?例えば、HTMLとCSSはほぼセットで登場すると思うのですが、このように、この言語にはこれがセットだとか、ありますか?もし宜しかったら回答お願いいたします(2015/09/23)

Webデザイン・CSS
HTML/CSS モバイルのみワンカラムに
Webページのレイアウトについてです。Wordpressでブログを書いていて、PCで見たときは左サイドバーがあり、本文があり、右サイドバーがある3カラムのレイアウトになっています。http://chanori.biz/xd/introduceこれをモバイルからみたときだけ、本文のみのワンカラムにし...(2015/09/01)

HTML
BEM、スマックス、OOCSSについて
BEM、スマックス、OOCSSのどれかを取り入れてコーディングができないと、現場では厳しいかと思いますが、将来性なども考えるとどれにしたがって、クラスをつけていくのが良いと思いますか?プロとして現場で行っている人たちにお聞きしたいです。それともただの流行で不要...(2015/08/16)

Webデザイン・CSS
type="text/css"
<link rel="stylesheet" type="text/css" href="http://web.fc2.com/css/index.css">と<link rel="stylesheet" href="http://web.fc2.com/css/index.css">では意味同じですか?type="text/css"は...(2015/08/15)

Webデザイン・CSS
CSSの添削をお願いします。リンク色が反映しません
閲覧ありがとうございます。下記CSSの「.CLASS li a:link,a:visited{ color:red; text-decoration:none;」の部分が反映されず、ブラウザの標準設定のままになってしまいます。本来のstyleの全文はbodyや他のクラスの記述もしているのですが、それらが影響しているわけで...(2015/08/11)

JavaScript
jQueryで要素の生のcssを取得する方法
jQueryの初心者です、宜しくお願い申し上げます。jQueryのcss(name)で、要素のstyle属性から指定スタイル(name)の値を取得できることは分かったのですが、{ width:50%; }など、比率で指定している属性はpxに変換されて取得されてしまいます。変換前の%の値を取得する方法...(2015/07/18)

Webデザイン・CSS
CSS3の公式ロゴ
HTML5の公式ロゴ(http://www.w3.org/html/logo/)はあるようですが、CSS3の公式ロゴもあるのでしょうか?(2015/06/30)

HTML
外部CSSファイルの読み込み位置
外部CSSファイルの読み込み位置について、GoogleのPageSpeed Insightsでは重要なスタイルのインライン化を推奨し、残りのスタイルを</html>タグの後に<link>タグを記述することで読み込んでいますが(参考URL参照)これはHTMLの文法的に問題はないのでしょうか...(2015/06/19)

Webデザイン・CSS
マウスオーバーした時リンクに下線(CSS)
表示されるようにしたいです。a:hover {text-decoration: underline !important;}これを書き足してもダメでした。CSSはさっぱりな人間なので、原理等は省き、確認すべき項目や解決法のみ教えて頂けると幸いです。(2015/06/15)

Webデザイン・CSS
レスポンシブデザインのCSSについて質問です。
レスポンシブデザインのCSSについて質問です。PCで閲覧した時は、文章を左寄せ、画像を右寄せで表示させて、スマホで閲覧した時は、文章の下に画像を配置する方法を教えて下さい。 ちなみに私の場合はPC用サイトを以下のように作成していますが、スマホではどのようなCSSに...(2015/06/08)

Webデザイン・CSS
リセット用cssの選択方法
リセット用cssがいくつか存在していますが、何を基準に選べばいいのか、調べてもいまいちわかりません。複数設置は可能でしょうか。素人質問で申し訳ありませんが、よろしくお願いします。(2015/06/08)

HTML
HTMLとCSSの学習方法
全くのド素人ですが、HTMLとCSSを学習したいと思います。どのように学習していくのが効果的でしょうか?どうぞ宜しくお願い申し上げます。(2015/06/03)

Webデザイン・CSS
noscriptタグにCSSが適応されません。
下記のようにコーディングをしたのですが、noscriptタグにCSSが適応されません。noscriptタグは特殊でCSSが当てられないのでしょうか?デブツールズで見ても、noscriptタグのCSSには親要素の継承した情報しかありませんでした。div#loading_imgにカラーなどをいれるとちゃ...(2015/05/25)

HTML
HTML5、CSS3ができることが必須になっていま
HTML5、CSS3ができることが必須になっていますか?今のWEB業界はすでにHTML5、CSS3ができることが必須になっていますか?需要はxhtml、CSS2はもうあまりなくて、HTML5、CSS3の需要がほとんどになっているのでしょうか?xhtml1.0、CSS2とJQUERYのグローバルナビのアコー...(2015/05/24)

Webデザイン・CSS
マテリアルデザインのCSSフレームワーク
お勧めを教えてください。小さな会社のホームページに使用しようと思っているのですが、あまりフレームワークなどは使わないほうが良いのでしょうか。(2015/05/23)

HTML
列の幅をcssで指定するには?
<table> <tr><td>あ</td><td>い</td></tr> <tr><td>う</td><td>え</td></tr> </table> というテーブルがあるのですがこういう場合、左の列(あ、う)は1em、右の列(い、え)は2em、...(2015/05/23)

Webデザイン・CSS
CSS 文字と写真を横並びにして中央配置
お店のホームページを作っていてどうしてもできない箇所があるので質問させて頂きます。レスポンシブの伸縮するフッターに、左に住所を文字で記載して右に地図の画像を配置したものを、フッターの中央に配置したいと考えています。<div style="float:left; margin-...(2015/05/21)



7月6日に米国等で、遅れて22日に日本でも配信を開始したスマホ向け位置情報ゲーム。街でスマホを持つ人がすべてポケモンGOプレイヤーに見えてしまうくらいの大ブームとなっているが、この盛り上がりがどれだけ継続するのか、この次に来る動きにも注目したい。

Oculus Riftに続く形で各社から次々と発表されたVRゴーグル。まだマニア向けという印象だが、ゲーム用途を中心に実用段階に進んでおり、決定打になるようなコンテンツが出てくれば、一気に普及が進む可能性もある。

ソフトバンクが買収を発表した半導体企業。既にスマホ市場では圧倒的なリーダーだが、今後IoTの時代が到来することで、ネットにつながるデバイスが爆発的に増加することが予測されており、そこでもスマホ同様のシェアを押さえられるのなら、確かにその成長性には期待が持てる。