CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

RSS

  • 受付中

    回答
    1

    特定要素が画面上部にきたら背景がスクロールについていかずに固定されるようにしたい

    レスポンシブサイトで特定要素の背景が画面上部にきたらスクロールについていかずに固定されるようにしたいです。 下図のようなページがあった時に2のように要素Bがヘッダーの下にくっついたら赤色背景が固定されるような動きをつけたいと考えています。 (要素A、要素B、要素Cの高さはそれぞれ異なります) 1)要素Bはヘッダーにくっついていないので赤色背景もスクロ

    • 0評価
    • 21PV
    shiromoco shiromoco 4時間前に コメント
  • 受付中

    回答
    2

    同ページ、別ページからタブを開いたままスクロールしてリンクへ飛ぶには

    いつも参考にさせて頂いております。 自分でも色々と検索をしてみたのですが、なかなか思うような動きをしてくれるコードには辿り着かず… またこちらでお世話になります。 タブを用いた構成です。 したいこと 同ページからでもスクロールしてタブを開きたい(同ページアンカーリンク) 詳しく説明しますと、 ページ上部からタブまでは画面には入り切ら

    • 0評価
    • 58PV
    asami12 asami12 5時間前に コメント
  • 解決済

    回答
    2

    cssのtranslateを使って移動の増分指定はできないのでしょうか

    ブラウザ内でCSSアニメーションを動かそうとしています。 ブラウザの左端から小さな画像が現れて、ぴょんぴょん跳ねながらブラウザ右端までたどり着いたら、また左端から現れるの繰り返し…というものを作ろうとしているのですが、translateの移動で行き詰まりました。 .anime { position: absolute; left: 0; to

    • 0評価
    • 45PV
    yukiko yukiko 6時間前に コメント
  • 解決済

    回答
    2

    CSSでヘッダーを常に一番上の要素にするにはどうしたらいいですか?

    画面をスクロールすると、mainの要素がヘッダーの上に重なってしまいます。 ヘッダーを常に一番上の要素に固定するにはどうしたらいいでしょうか?HTMlとCSSそれぞれ何を書いたらいいのか教えていただきたいです。よろしくお願いします。

    • 0評価
    • 29PV
    miramikan miramikan 9時間前に コメント
  • 受付中

    回答
    1

    bootstrap3 のモーダル機能で検索したデータを表示していますが、スマホで縦スクロール(スワイ...

    Bootstrap のモーダル機能を利用して簡易的な検索機能を作りました。 Ajax でPHP にデータを送信してSQLを発行し、Jsonデータの配列を受け取り一覧を作成します。 検索した結果が、思いのほか件数(15件超)があり、modalがスマホの表示領域を超えてしまいました。 そこで、スワイプして続きのデータを確認しようとしましたが、画面が固まったよ

    • 0評価
    • 78PV
    h_daido h_daido 10時間前に 回答
  • 受付中

    回答
    0

    要素の横のはみ出しのみ切りたい(overflow-xについて)

    あるdivの、上下ははみ出したものを表示させ、横は非表示にしたいので overflow-x: hidden; overflow-y: visible; と指定しましたが、overflow: hidden;と指定したときと同じように上下左右非表示になってしまいます。 調べたところposition: relative;をつけるといいとのこと

    • 0評価
    • 34PV
    teratailが23時間前に アップデート
  • 受付中

    回答
    0

    複数のスライダーをひとつのナビゲーションで動かす方法

    下記の質問を参考にやってみたのですが下記のことをやりたくてつまずいてしまいました。 知恵をお貸しいただけませんでしょうか。よろしくお願いいたします。 複数個のスライダーを時間差で動かして回転しているかのように見せる方法 *実現したいこと ・前のスライドに戻る、次のスライドに進むボタンのクリックイベントの実装 ・.slideListの数とslideIt

    • 0評価
    • 42PV
    teratailが1日前に アップデート
  • 受付中

    回答
    1

    flag別ページから飛んで来たとき、タブを切り替えて表示させたい

    別ページから飛んで来たときに、タブを切り替えて表示させたい クラス「navi_wrap」をタブとして、 タブをクリックすると、クラス「box_wrap」に指定の内容を表示させる。 いわゆるタブの切り替えを実装。 1ページのみなら、これで完結なのですが、 別のページからリンクでとんできた際に、タブを切り替えて表示させたい。 と思い参考ページになるページを見

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

    回答
    1

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

    「編集」、「削除」ボタンは左端に寄せ 「登録日時」を右端に、寄せるには、どのように記述すればよろしいでしょうか? *CSSは直接、htmlに記述し、改行させず1行内で考えています。 <div>タグの中に<div>を入れ別々に,alighでleft ,rightすると2行になり、うまくいきません。 ご教授いただければと思います。 <div clas

    • -2評価
    • 54PV
    hiro0208 hiro0208 1日前に ベストアンサー
  • 受付中

    回答
    1

    Webサイト作成 Wordpress Onetone Pro 全体的にフォントを変更したい

    前提・実現したいこと WordpressのOnetoneというテーマでWebサイトの作成を行っています。 フォントを変更する必要が出て来たためフォントを変更する方法を調べては見たのですがフォントの変更ができません。 発生している問題・エラーメッセージ スタイルシート (style.css) ここでフォントを指定するといたるところで書かれていますが tex

    • 0評価
    • 52PV
    madone99 madone99 1日前に 回答
  • 解決済

    回答
    4

    複数個のスライダーを時間差で動かして回転しているかのように見せる方法

    同時にスライドショーを動かしている段階で、次はそれをそれぞれ時間差に動かして回転しているかのように見せたいのですが、どうしたらよろしいでしょうか。考え方を教えていただければと思います。 HTML <div class="slideBox"> <ul class="slideCommon left">

    • 0評価
    • 75PV
    a1291 a1291 2日前に コメント
  • 解決済

    回答
    2

    -webkit-transformと@media screen について

    お世話になっております。 今回はcssで-webkit-transformについての問題です。@media screenを使い、スマホ版に対応するようプログラミングしてみましたがうまくいきません。 CSS .menu-trigger, .menu-trigger span { display: inline-block; tran

    • 0評価
    • 169PV
    kuroishi kuroishi 2日前に コメント
  • 解決済

    回答
    2

    overflow:hiddenの挙動について

    前提・実現したいこと ある<div>要素にマウスオーバーすると<div>要素の上にポップアップで ふきだしを表示するプログラムを制作しています。 しかし、親要素のtdにoverflow:hidden;が設定されており、ふきだしを表示すると 親要素のtdをはみ出る部分が非表示になってしまいます。 tdに設定されているoverflow:hidden;は消

    • 0評価
    • 30PV
    ponponpain ponponpain 2日前に コメント
  • 解決済

    回答
    1

    複数個のスライドを同時に動かす

    一個では動かせるのですが、複数個スライドを作ってeachをつけても同時に動きません。 どうしたらいいのでしょうか。 ▼jQuery $(function(){ var slideImg = $(".sliderBox .item"); var num = slideImg.length; var current = 0;

    • 0評価
    • 27PV
    a1291 a1291 2日前に コメント
  • 解決済

    回答
    3

    PCを再起動しないとCSSの変更が反映されない

    前提・実現したいこと WordPressでウェブサイトの制作をしています。 その中で、スタイルシートをいじって、その変更内容をブラウザでチェックするのですが、 いくらキャッシュを削除しても、更新ボタンを押しても一向に変更が反映されません。 一つだけ上手くいく方法がありまして、それが、PCの再起動なのですが、 毎回再起動していては時間がかかりすぎて滅入って

    • 0評価
    • 138PV
    Yashichi Yashichi 2日前に 回答
  • 解決済

    回答
    1

    特定のclassをもつliの奇数偶数の振り分け

    CSSについてご質問させてください。 ■実現したいこと <ul> <li class="main"></li> ※1つ目 <li class="sub"></li> <li class="main"></li> ※2つ目 <li class="sub"></li> <li class="sub"></li> <li class="main"></li>

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

    回答
    1

    IE11でflexboxが崩れる

    こんにちは。 よくある質問で、申し訳ありません。 flexboxを利用し、企業ホームページのヘッダー部分を制作しております。 Chrome、firedox等は大丈夫ですが、IE11においてバグが発生します。 現象として、右にずれて(はみ出て)しまいます。 web上の各サイト、特に「flexboxバグまとめ」(http://qiita.com/ha

    • 0評価
    • 36PV
    time_ time_ 3日前に ベストアンサー
  • 受付中

    回答
    1

    EC-CUBEのサイトでcssのソースが見つからない

    業務で既存のEC-CUBEのサイトをのデザインを調整することになったのですが、 ページのソースを表示して見れるcssの場所をWinSCPで開いて調整しようとしたのですが、 なぜかcssのファイルが見つかりません。 ちなみにHTMLソースによると、パスは <link rel="stylesheet" href="/user_data/packages/cust

    • 0評価
    • 63PV
    8-0_nyan5 8-0_nyan5 3日前に コメント
  • 受付中

    回答
    1

    flagタブの切り替え、選択中のタブと内容を区別して表示させたい。

    選択中のタブと内容を区別して表示させたい。 別のページで「別ページから飛んで来たとき、タブを切り替えて表示させたい」、と質問で投げていますが、この方法と別のやり方で、タブの切り替えができました。 しかし、これはこれでまた別の問題が2つ発生しました。 ①classが追加されません。 選択中のタブをわかりやすくするために、クラスを追加する記述をしましたが、c

    • 0評価
    • 75PV
    RedPepper RedPepper 4日前に コメント
  • 受付中

    回答
    0

    3Dスライダー、jquery-box-sliderの挙動について質問です

    jquery-box-sliderについて、画面をリサイズしたときに画像が拡大されます。 要素を検証しましたが、scaleやwidthのプロパティに対してtransitionが当たっていないようです。 http://philparsons.co.uk/demos/box-slider/ なぜ拡大されてしまうのでしょうか?

    • 0評価
    • 22PV
    teratailが4日前に アップデート
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    6175

  • 総質問数

    3053

  • 今週の質問数

    31

関連するタグ

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