CSS3

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

RSS
  • 解決済

    回答
    1

    background-imageのサイズを調節したい

    サイトを模写コーディングしているのですが、 見本サイトとヘッダー画像のサイズが合わず困っています。 background-imageで背景画像に設定しています。 素材ファイルは、同じものを使用しています。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>チョコバッド</title>

    • 0評価
    • 157PV
    yesman yesman 1時間前に コメント
  • 受付中

    回答
    2

    WordPressの「テーマの編集」がクソ不便

    前提・実現したいこと WordPressのCSSを「テーマの編集」から編集しようとしています。 ただ、テーマの編集からいざプロパティを打ち込もうとすると、ドロップダウンリストが出てきてそこから選択するよう言われます。 そんな悠長なことはしたくないので直に打ち込みたいのですが、いい方法はないのでしょうか? それともこれはそういう仕様で、諦めるしかないのでしょ

    • -2評価
    • 51PV
    yoshinavi yoshinavi 5時間前に 回答
  • 受付中

    回答
    1

    bootstrapのテンプレートをrailsアプリに読み込む方法

    ここのテンプレートをrailsアプリ内に取り込み、このテンプレートそのものを表示させたいのですが、rails上にうまく表示されず、 このようにしたいのに こんな感じになってしまいます。 application.html.erbのhead内は以下のようになっています。このテンプレートのindex.htmlにboodstrapのcdnを通して

    • 0評価
    • 219PV
    mskgjtnn mskgjtnn 1日前に 回答
  • 受付中

    回答
    1

    Bootstrapのタブが特定の条件下で押せなくなる

    下記のコードで、 controller.controller_name == "posts" && controller.action_name == "index" の時に、1つ目以外のタブが押せなくなります。 class="activeがついているいないに関わらず1つ目以外です。 cssに display: fixedを書き足すと症状が現れます。 ↓

    • 0評価
    • 96PV
    mskgjtnn mskgjtnn 1日前に 回答
  • 受付中

    回答
    1

    Grunt,Bootstrapで強制的にautoprefixをつけたい

    Sass、Bootstrap、Grunt初心者です。 【主な環境】 Mac OS X EL Capitan Brackets Chrome を主に使用して開発をしています。 【作っているもの】 現在Bootstrapをベースにしたテーマ、 「Honoka」 http://honokak.osaka/ を利用させていただきながら、ウ

    • 0評価
    • 535PV
    mskgjtnn mskgjtnn 1日前に 回答
  • 受付中

    回答
    1

    下にスクロールで消えて、上にスクロールで現れるBootstrapメニューを作りたい。

    前提・実現したいこと ■下にスクロールで消えて、上にスクロールで現れるBootstrap 3のメニューを作りたい。 実験中のCODEPEN http://codepen.io/icta/pen/mWmwGv/ 次の仕様でメニューを作りたいと考えています。以下URLを参考にしました。 「Clean Blog - A clean, B

    • 0評価
    • 893PV
    mskgjtnn mskgjtnn 1日前に 回答
  • 解決済

    回答
    2

    Hogeをクリックしたらプルダウンメニューが展開される。展開されたプルダウンメニューの高さ分だけスク...

    プルダウンメニューの最下部までスクロールしたら それ以上下へはスクロールできないよう画面を固定したいのですが、何か良い方法はありますでしょうか?? 都合上、コードの公開などはできないため、以下がイメージになります。 SPビュー ーーー/ヘッダーーーー ーーーメインーーーー 【hoge】 ーー-/メイン-ーーー ーーーフッターーーー 挙動 ho

    • 0評価
    • 63PV
    nepie nepie 1日前に コメント
  • 解決済

    回答
    2

    wordpressで親テーマのCSSを子テーマで調節したい

    Wordpressのtwentyseventeenというテーマを使っています。 子テーマを作って使っているのですが、親テーマのCSSが邪魔をして、 余計な余白ができてしまっています。 そこで親テーマをいじってもアップデートとかで上書きされてしまうので 子テーマで親テーマのCSSを変更したいのですが、方法はありますでしょうか? 「試したこと

    • 0評価
    • 48PV
    toromagurofish toromagurofish 2日前に 回答
  • 解決済

    回答
    1

    ウェブサイトで特定のフォントを使いたいがうまく表示されない

    CSSの記述で特定のフォントを使う場合、この記述であっていますでしょうか?(静的ページ) またWordpressのtwentyseventeenというテーマでもフォントを変更したいのですが 同じ記述でいいでしょうか? 試しているのですが、静的ページとWordpressで微妙にフォントが違う気がするのです。 Chromeの検証機能でfont-family:

    • 0評価
    • 102PV
    toromagurofish toromagurofish 2日前に 回答
  • 受付中

    回答
    2

    cssのpageプロパティが使えません…

    下記のURLにあるようにpageプロパティを利用してhtmlの一部分を横向きに印刷できるようにしたいのですが,上手く反映されません… 是非,どなたかアドバイスいただけませんでしょうか? 宜しくお願い致します. https://www.osaka-kyoiku.ac.jp/~joho/html5_ref/css/page_css.php?menutype=

    • 0評価
    • 410PV
    dit. dit. 2日前に コメント
  • 解決済

    回答
    1

    jQuery Mobileを使用するとheightを%で調整できません

    Cordovaを利用したハイブリッドアプリを作成しています。 その中でjQuery Mobileを使用しているのですが 下記のようなコードを書いているのですがimgの高さを%で調整できません。 ご教授のほど、よろしくお願いします。 ※widthは%で指定できます。 【実行環境】 Galaxy S7 edge Sony Xperia Z5 Premium

    • 1評価
    • 54PV
    tsuno_ai tsuno_ai 3日前に コメント
  • 解決済

    回答
    1

    iframeの手前にdivを表示したいがz-indexが効かない

    以下のコードでiframeの手前にdivを表示したいのですが、 iframeだけが表示されてしまい、divが隠れてしまいます。 解決策をご教示頂けましたら幸いです。 どうぞよろしくお願いいたします。 <html> <head></head> <body style="overflow: hidden;"> <iframe src="./panora

    • 0評価
    • 66PV
    kei344 kei344 3日前に ベストアンサー
  • 解決済

    回答
    2

    wordpressでのリンクの下線を編集したい

    wordpressのtwentyseventeeenというテーマを使っています。 子テーマを作り、style.cssを触っているのですが、 a:link { color:#333; text-decoration:underline; } a:visited { color:#333; text-decoration:

    • 0評価
    • 66PV
    toromagurofish toromagurofish 4日前に ベストアンサー
  • 受付中

    回答
    1

    スライド後、画像を変形させる jQuery

    恥ずかしながらjs初心者です。 jQueryのslickを使用しています。 要望はスライド後画像を変形させるです。 下記参考サイトのようにメインのスライドに動きをつけたいです。 https://www.anzco.co.jp/ 下記だと、 一枚目のみ変形して2枚目からは通常になります。また、繰り返しもされません。 抽象的な質問で恐縮なのですが、下

    • -1評価
    • 143PV
    kei344 kei344 4日前に コメント
  • 受付中

    回答
    2

    初回アクセス時のみローディング画面を表示する方法について

    実現したいこと 現在WordPressを利用してウェブサイトの構築を行っております。 ローディング画面を実装したのですが、現状はページが更新されるたびに処理が発生しております。 そこで、外部からのアクセス時(初回アクセス時)のみローディング画面を発生させたいです。 古い記事ではあるのですが、下記記事を参考に jQueryで「jquery.cookie.

    • 0評価
    • 152PV
    Yasha_Wedyue Yasha_Wedyue 5日前に コメント
  • 受付中

    回答
    1

    レスポンシブでのposition:stickyの使用

    ご覧いただきありがとうございます。 現在レスポンシブサイトを制作しております。 下記の問題に関して困っております。ご教授いただけましたら幸甚に存じます。 [現状] ・viewportを設定したが余白が出てしまったため、やむ終えずコンテンツ部分をwrapperで内包、overflow:hidden; を設定。 [やりたいこと] ・グリーバルメニュー

    • 0評価
    • 359PV
    landy77 landy77 5日前に 回答
  • 解決済

    回答
    1

    wordpressでタイトルを要素からはみ出さないようにしたい

    Wordpressのtwentyseventeenというテーマで下記のように記事のアイキャッチと記事のタイトルを表示させました。 レスポンシブサイトで画面を小さくすると、タイトルだけが要素に収まらずはみ出してしまいます。 はみ出さないようにするにはどうしたらいいでしょうか。 <HTMLウェブ上ソース> <div id="sub_box2"> <h3

    • 0評価
    • 54PV
    toromagurofish toromagurofish 6日前に 回答
  • 解決済

    回答
    2

    wordpressの個別投稿で記事の本文が綺麗に表示されない

    WordpressのTwenty Seventeenテーマを使っています。 下記の様なCSSとHTMLの個別投稿で記事を投稿すると本文が要素内で折り返されず、要素を飛び越えて表示されてしまいます。 要素に収まるようにするにはどうしたらいいでしょうか? 本文をエディタ上で改行せずに長く書きすぎると画像のようにおかしくなってしまいます。 本文を短くし

    • 0評価
    • 66PV
    toromagurofish toromagurofish 6日前に ベストアンサー
  • 受付中

    回答
    0

    どのCSSのTransitionが使われているか調べたい

    あるECサイトをテンプレートベースに制作中なのですが、 ページアクセスすると、いったんデフォルトのCSS(小さめのフォント、黒)が読み込まれ表示。それからすぐに大き目のフォント+白へ切り替わるようにアニメーションされてしまいます。 毎回アクセス時にこのような無意味なアニメーションを表示したくないので、原因となるtransition設定を無効にしたいのです

    • 0評価
    • 59PV
    teratailが1週間前に アップデート
  • 受付中

    回答
    0

    pure drawer アンカーリンクをクリックしてもメニューが閉じません

    ウェブサイトをpure drawerで開発しております。 経緯 pure drawerで、ドロワーメニューを作成 メニューにアンカーリンクを設定 アンカーリンクをクリックしても、メニューが閉じない 作成中のサイト こちらのスマートフォン版です。 ](4d289afcc90a3cfa70f49425bc7afd1d.png)

    • -1評価
    • 72PV
    hosokawa hosokawa 1週間前に 質問を編集
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    6060

  • 総質問数

    1842

  • 今週の質問数

    11

関連するタグ

CSS3タグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る