ITmedia総合 >  質問!ITmedia  >  C

「CSS」最新質問一覧

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

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

Webデザイン・CSS
postcssで@importがうまくいきません。
postcssで@importがうまくいきません。・実行結果が下記のように読み込んだファイルの部分だけミニファイされず、calcも実行されていません。読み込み自体はできているようです。.baseのみbase.css・圧縮後.base {color: blue;line-height: 1.5em+1em;}.logo{color:#88e18e...(2016/06/20)

Webデザイン・CSS
占いツクールCSSについて
占いツクールの、CSSに詳しくわかる方、CSSを作って下さい。???ひとつめ???和風系。?タイトルは赤で、オレンジ色の影が入ったもの。?背景は任せますが、画像のような感じを望みます。?説明文はスクロールできるもので、?文字は筆文字。なるべく見やすいものがいいです。??...(2016/06/19)

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

Webデザイン・CSS
CSS navbar以外部分の100%
navbarの下からウィンドウの一番下までのheightのdivを作りたいです。html,body,divにheight:100%を設定するとnavbarのheightを含んでしまうため、下のほうがnavbar分飛び出てしまいます。どのように書けばよいでしょうか?(2016/06/11)

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でスライドインする方法
この便利屋さんのページを開くと、トップページで画像がスライドインしています。https://www.benriyahiroba.com/このようにトップバナーに装飾をするにはどのようにしたらよいのでしょうか。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)

Webデザイン・CSS
cssを一つにまとめる事はできますか?
table[summary="テーブル"] th{padding:0px 0px;}table[summary="テーブル"] td{padding:0px 10px;}という、cssを一つにまとめる事はできますか?table[summary="テーブル"] th,td{padding:0px 0px;}とすると、うまく表示されません。(2015/05/16)

Webデザイン・CSS
クローム以外でCSSが読み込まれません。
フリーランスでWEBデザイナーをしています。ついこの前までどのブラウザでも問題なくCSSが反映されていてその当時と基本同じソースを使用しているのですが、クローム以外で反応しなくなってしまいました。制作は基本クロームで行っています。ネット上で関連した質問などは...(2015/05/15)

運用・管理
CSSが効かない要因について
こんにちは。CakePHPでcssが一部反映されない要因について、ご享受頂きたいです。ctpファイルでクラスをnoticeとし、line-height :5; を指定していますが、反映されません。【detail.ctpの記述】<p class="notice">※注意事項に関するテキスト</p>【...(2015/05/04)

Webデザイン・CSS
cssもバージョンによって書き方が変わるのですか?
htmlはバージョンによってコードの書き方が異なると聞いたのですがcssもバージョンによって書き方が変わるのですか?(2015/04/28)



7月29日で無料アップグレード期間が終了する、Microsoftの最新OS。とんでもないレベルで普及している自社の基幹製品を無料でアップグレードさせるというビジネス上の決断が、今後の同社の経営にどのような影響をもたらすのか、その行方にも興味が尽きない。

ドイツ政府が中心となって推進する「第四次産業革命」。製造業におけるインターネット活用、スマート化を志向するもので、Internet of Things、Industrial Internetなど名前はさまざまだが、各国で類似のビジョンの実現を目指した動きが活発化している。

資金繰りが差し迫る中、台湾の鴻海精密工業による買収で決着がついた。寂しい話ではあるが、リソースとして鴻海の生産能力・規模を得ることで、特にグローバルで今後どのような巻き返しがあるのか、明るい話題にも期待したい。