CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

RSS

受付中

回答

0
jQueryで作成したアコーディオンメニューを一定の画面サイズ以上で全て展開したい

最近HTML、CSS、jQueryを学び始めた初心者です。こちらのサイト様の記事を参考に、サイト内でアコーディオンメニューを実装しています。 http://www.webmoyou.sakura.ne.jp/web/124/ 画面サイズが640px以下の場合はアコーディオンメニュー、それ以上の場合はメニューを全て展開し折りたたまないような仕様にしたいの
- 0評価
- 2PV
- JavaScript
  
  8814questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- jQuery
  
  3936questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  2233questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
qemte 21分前に質問
解決済

回答

1
CSSの斜めのボックスの作り方

CSSの斜めのボックスの作り方につきまして質問です。画像のような5等分にしたボックスをCSSで作成したいのですが、可能でしょうか？真ん中の白い所はなくてもOKです。お手数ですが、ご教示頂ければ幸いです。
- 0評価
- 52PV
- HTML
  
  4938questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  3079questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
x_x 7時間前にベストアンサー
解決済

回答

2
ブラウザ毎のCSSの切り替え片（IEとChrome等）

画像を歪ませず丸く表示するCSSを書いています。 google chromeでは問題無く綺麗に表示されるのですが、Internet Exploreでは歪んでしまいます。同じCSSファイル内でブラウザによって切り替える様にしたいのですが、うまく動かず間違いご指摘頂けますと幸甚です。 chrome IE（ちょっと分かり難いかもですが、歪んでい
- 0評価
- 349PV
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
innjera 11時間前にベストアンサー
解決済

回答

1
レスポンシブのサイドメニューについて教えて下さい。

レスポンシブのCSSについて教えて下さい。 http://www.futako.com/DEMO/ 「●●●●●」のリンクから開くページになります。 →三本ラインボタンからリンクメニューがでてきますが、×ボタンが消えてしまいます。この三本ラインボタンより下からメニューがでるようにしたいのですが、どのようにしたらよいのでしょうか。また画面を狭める途中
- -4評価
- 100PV
- HTML
  
  4938questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  3079questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  2233questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- jQueryプラグイン
  
  242questions
  
  jQueryの拡張機能。様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。
Birdsfly 19時間前にコメント
解決済

回答

2
toggleswitchをクリックした際に、一度目のクリックでtest01が表示され、二度目のクリッ...

前提・実現したいことお忙しいところ恐れ入ります。調べてもわからなかったので、ご質問させて頂きます。 dtタグのtoggleswitchをクリックした際に、一度目のクリックで、test01を表示させて、二度目のクリックでtest02を表示させるようにjQueryを記載したいのですが、調べてもわかりませんでした。ご教示頂けないでしょうか。申し訳ござ
- 0評価
- 59PV
- jQuery
  
  3936questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  2233questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
Tak_Matz 1日前にベストアンサー
受付中

回答

1
スティッキーメニュー：スクロール前のクリックでのFIXについて

ページを作成しており、下記の動作で躓いております。 CSS、jQueryいずれの方法でも最終的に動作が完了できればこだわりはありません。したいことスティッキーヘッダー設置しヘッダー内メニューをクリックすると、該当記事へ移動、その際記事に食い込まないよう、ヘッダーの高さ分マイナスする。問題点スクロール前にヘッダー内メニューのリンクをクリ
- 0評価
- 35PV
- HTML
  
  4938questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  3079questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- jQuery
  
  3936questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  2233questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
x_x 2日前に回答
受付中

回答

0
PCとスマホで違いが発生する

[√] PCとスマホで違いが発生する [√] 発生している問題（概観）ブラウザによって操作できない要素がある．ブラウザによって前面に表示されてしまう要素がある． [√] 確認環境 Windows10 (64 bit) : Chrome 58.0.3029.110 (64-bit), Firefox 54.0 (32 bit)
- -4評価
- 380PV
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- Chrome
  
  311questions
  
  Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。
- HTML5
  
  2233questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- Firefox
  
  129questions
  
  Mozilla Foundationによって作られた無料、オープンソース、クロスプラットフォームなウェブブラウザ
-1an.vvks- 2日前に質問を編集
受付中

回答

4
backgroundの大きさがスマホ上でバラバラになります

前提・実現したいこと背景(background)の大きさがバラバラ chromeデベロッパーツール上ではPC/スマホでの見え方は完成していて、何も問題はありません。しかし、いざサーバーにアップすると、PCは問題ないのですが、スマホ上では背景の見え方がページによってはバラバラになります。具体的には拡大されているように見えます、しかもページによ
- 0評価
- 474PV
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  2233questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- Bootstrap
  
  527questions
  
  BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。
-1an.vvks- 3日前に回答
受付中

回答

2
デバイスに関係なくスマホ風のスクロールバーを表示したい

[ ! ] | | | この質問はしばらく寝かせておきます | | [√] 全てのデバイスでスマホ風のスクロールバーを表示したい [√] 要件あくまでもVanilla JSにこだわる (not jQuery) スマホのように内包要素に干渉しない（{position:absolute; right:0;}のような感じ) ただ
- -5評価
- 290PV
- JavaScript
  
  8814questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- HTML
  
  4938questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  3079questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  2233questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
-1an.vvks- 3日前に質問を編集
解決済

回答

3
cssでアニメーションさせた要素に残像が残る

[√] cssでアニメーションさせた要素に残像が残るこういう状態です．この残像はどうしたら消せるでしょうか？ソースコード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="auth
- 3評価
- 396PV
- HTML
  
  4938questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  3079questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  2233questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
-1an.vvks- 3日前にベストアンサー
解決済

回答

3
レスポンシブデザインの件（見やすく再送させていただきました）

ただいま、レスポンシブデザイン中です。 widthが767px以下になったらメイン画像が可変するようにしたいのですがうまくいきません・・・。よく、 img{ width:100%; max-width:100%; height:auto; } にしたら良いと色々書いてあったので以下のように試みましたがメイン画像が縮小されませんでした・・・。ひよ
- 0評価
- 363PV
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  2233questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- レスポンシブWebデザイン
  
  149questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
mirainonakamura 5日前にベストアンサー
解決済

回答

1
レスポンシブデザインの画像が可変しないのですが、なぜでしょう…

前提・実現したいことレスポンシブデザイン中です。 widthが767px以下になったらメイン画像を可変させたいのですが。--- 発生している問題・エラーメッセージメイン画像が可変してくれません・・・該当のソースコード <div id="header"> <p><img src="main-img.jpg" width="1366" height
- 0評価
- 343PV
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  2233questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- レスポンシブWebデザイン
  
  149questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
TONGARI 5日前にベストアンサー
受付中

回答

1
optionタグの見た目をCSSで変更したい

前提・実現したいこと optionタグの見た目をcssで変更したいのですが、appearance: none;などをやってもできないのでどなたか教えて頂けませんかー？
- -1評価
- 45PV
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  2233questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
mnnEditor 1週間前に回答
解決済

回答

1
<div>タグの中を、左端揃え、右端揃えと、それぞれ機能させるには？

「編集」、「削除」ボタンは左端に寄せ「登録日時」を右端に、寄せるには、どのように記述すればよろしいでしょうか？＊CSSは直接、htmlに記述し、改行させず１行内で考えています。 <div>タグの中に<div>を入れ別々に,alighでleft ,rightすると2行になり、うまくいきません。ご教授いただければと思います。 <div clas
- -2評価
- 64PV
- HTML
  
  4938questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  3079questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  2233questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- Bootstrap
  
  527questions
  
  BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。
hiro0208 1週間前にベストアンサー
受付中

回答

3
html4.01 strictでもplaceholderを使える方法

placeholderを使いたいのですが、html4.01strictを使っているためどう行えばいいのか分かりません。またJavaScriptを用いずに行え、との事なのでcss、html4.01で行える方法を教えて頂きたいです。
- 0評価
- 90PV
- HTML
  
  4938questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
x_x 1週間前に回答
解決済

回答

1
クリックで画像の高さをアニメーションで変更させたい

クリックで画像の高さをアニメーションで変更させたい初歩的な質問かもしれませんが、上手くいかないのでご教示ください。画像を50pxだけ表示し、画像をクリックすると残りの高さ分の画像をアニメーションで表示させたいのですが、アニメーション（下にゆっくりスライド）だけが上手くいきません。いろいろ試してはいるのですが、ダメでした・・・。 jQueryを利用し
- 0評価
- 46PV
- jQuery
  
  3936questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
jyoze 1週間前にベストアンサー
受付中

回答

1
パフォーマンス的観点から見た css プロパティの書く順

いつも css を書く際プロパティ順を気にせず書いているのですが、パフォーマンス的に css プロパティの書く順で適したものはあるのでしょうか。知見のある方、ご教示いただけますと幸いです。
- 0評価
- 53PV
- HTML
  
  4938questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  3079questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  2233questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
yambejp 1週間前に回答
解決済

回答

2
疑似要素 :before で画像を表示

css の疑似要素「:before」を使って、p要素の前に画像を表示させようとしています。 content に文字列 [content: "あいう";」を指定すると問題なく表示させるのですが、画像「content: url(images/phone.png);」を指定しても表示されません。何が原因でしょうか。画像はプロジェクトフォルダ内
- 0評価
- 41PV
- CSS
  
  3079questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
yuu_mmca 1週間前にベストアンサー
解決済

回答

2
コード内容の仕組みに関して解説をお願いします。

リンク内容＜質問①＞添付写真でハイライトされている箇所において、ABOUTというメニューにカーソルを合わせると文字の左右に罫線がにじみ出てきます（アニメーションのような挙動）。この仕組みを教えてください。特にこの罫線の出どころがわかりません。 content:"";は空白で、アンカータグのアンダーラインとは関係無さそうで特定できません。ま
- -4評価
- 362PV
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  2233questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
6111-debutant_. 1週間前にコメント
解決済

回答

1
position fixed されている要素の上にabsoluteで要素を重ねたい。

背景にcanvas要素を固定してその上のレーヤーにボタンを置いて表示させたいのですが、上手く表示されません。どなたかアドバイスお願いいたします。
- -2評価
- 56PV
- CSS
  
  3079questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- CSS3
  
  1161questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
genki0301ab 1週間前にベストアンサー