CSS

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

RSS

  • 受付中

    回答
    2

    スクロール位置に応じてタブを切り替える際、画面幅を超えるタブ一覧を自動スクロールさせたい

    やりたいこと 最近よく流行の「スワイプで切り替わるタブ式メニュー」を実装したいです。 しかし、横にスワイプではなく縦にスクロールすることでタブが切り替わるようにしたいです。 縦スクロールと同時にタブの切り替えはできたのですが、タブが多い時に自動で見えてないタブが左にスクロールできません。 参考サイト※スマホでみてください。 https:/

    • 0評価
    • 232PV
    ByronHasegawa ByronHasegawa 1週間前
  • 解決済

    回答
    3

    変数でJQueryのCSSメソッドに値を指定する際の不具合について

    前提・実現したいこと JQueryで、時間ごとに背景画像を変更するという実装を行っています。 該当のソースコード getTime = (new Date()).getHours(); if(getTime >= 6 && getTime < 16){ backImg = "images/img-background.

    • 0評価
    • 53PV
    zzz_t 退会済みユーザー 1日前
  • 受付中

    回答
    1

    <a>タグのリンク領域を、サイズ指定なしの親ボックスの大きさに合わせたい

    お世話になります。 cssの記述で困っております。 <style> p.box{ padding: 20px; display: table; border: 3px solid #333; margin: 0 auto 100px; } a { font-size: 1.2rem; } </style> <p class="box"><

    • 0評価
    • 10PV
    no23h no23h 21分前
  • 受付中

    回答
    2

    Media queriesの書き方

    wordpressのmedia queriesの使い方がわかりません。 私はtwenty twelveを使っています。 子テーマのcssに @media screen and (max-width: 600px) { .example{background:#DC143C; } } <h2 class="example">見出し</h2> と

    • 0評価
    • 88PV
    gonda310 gonda310 1日前
  • 解決済

    回答
    3

    HTML作成で、floatが上手くいきません。

    前提・実現したいこと HTML/CSS初心者です。 簡単なインターフェイスを作ろうとしているのですが、アイコンを並べようと思ったときに、floatが上手くいきません。どのように記述すれば右側のアイコンを右にfloatさせることができるでしょうか? 発生している問題・エラーメッセージ ](dbb7cc10921683d99eb6e8bc13acb9

    • 0評価
    • 51PV
    hct_03 hct_03 2日前
  • 解決済

    回答
    2

    Media queriesを使ってwebサイトをスマホ対応にさせる使い方

    Media queriesを使ってwebサイトをスマホ対応にさせたいです。wordpressのテーマはtwenty twelveです。 私がやったことは、スマホのサイズに合わせてMedia queriesをcssに @media screen and (max-width: 640px) { .example1{color:#800000; } }

    • -1評価
    • 92PV
    gonda310 gonda310 1日前
  • 解決済

    回答
    1

    javascriptのコードを追加したところ「onclick」で実装したキャンセル機能が効かなくなっ...

    追記 <form method="POST" action="{{ $article->id }}" accept-charset="UTF-8" onclick="return confirm(Are you sure you want to erase?);">

    • 0評価
    • 48PV
    HayatoIse HayatoIse 1日前
  • 受付中

    回答
    1

    スマホでaリンクを押下したときに背景画像が消えます。

    前提・実現したいこと HTML、CSSでレスポンシブサイトを構築中です。 スマホでaリンクを押したとき、ボタンが消えてしまいます。 また、次ページから戻った時も消えたままになってしまいます。 やりたいことは、 ◆PCでリンクを押下するとき、hoverで背景画像変化。 ◆スマホでリンクを押下するとき、背景画像は変化なし。(そもそもhoverの定義な

    • 0評価
    • 77PV
    karaage617 karaage617 2週間前
  • 受付中

    回答
    1

    CSSのSTEPSを使ったアニメーション

    CSSのSTEPSを使ったアニメーション CSSのSTEPSを使ったアニメーションの実装時に使う、スプライト画像の制作にはどんなツールを使っていますか。 PSとかで地道に手動でコマワリにしてますか?

    • 0評価
    • 65PV
    sawamura-koki sawamura-koki 2週間前
  • 受付中

    回答
    1

    スマホページのメニューのカスタマイズ方法

    今回の質問はwordpressのスマホページのメニューをカスタマイズしたいです。 テーマはtwenty twelveです。 使っている人はわかりますが、 結構素っ気ないです笑 これをメニューボタンではなく、pcの時のように横一列に並んだ状態で表示したメニューにしたいです。 例えばこういう感じです。 どうやったらできますか? 私がやり

    • 0評価
    • 83PV
    gonda310 gonda310 1日前
  • 解決済

    回答
    1

    widthをどこまでもとりたい

    画像を画面右から左にjsのanimateを使って横一列で流すプログラムを書いています。 1つ300pxの画像をいくつか繋げて流しているのですが、流す画像の数が増え、現在指定したwidthの数を超えると、画像が横一列の形が崩れ、画像が二段になって表示されてしまいます。 widthを10,000pxといったように、300px × 画像の最大枚数 のwidth

    • 0評価
    • 48PV
    nakatoshi nakatoshi 1日前
  • 受付中

    回答
    3

    コーディング速度改善方法について

    前提・実現したいこと 最近、新規ページのコーディングを行う機会が増えてきており、制作時間をもっと短縮したいと考えています。 例えば、 ・Emmetを使用する ・◯◯のツール・ソフトを使用する ・自分専用のモジュール一覧を作成しておき、そこからソースコードをコピペする ・画像の書き出し方法を◯◯のように改善する 等が挙げられると思いま

    • 1評価
    • 129PV
    aki0923f aki0923f 3日前
  • 解決済

    回答
    3

    cssでdiv内の高さを揃えたい

    今の状態 実現したいこと 実現したいこと 上記のように2つの図があります。 下のような形:containerの中心線に、container内部の各要素の高さの中心がくるように配置したいと考えています。 試したこと .container{ height:auto; display:table; } .left { float:lef

    • 0評価
    • 69PV
    Naggy Naggy 3日前
  • 受付中

    回答
    4

    line-heightの1行目の上余白だけ消したい

    前提・実現したいこと line-heightで発生する1行目の上の余白だけ消したいです。 調べても出てこなかったです。。 すみませんがご回答頂けますと幸いです。 使用する状況は、アイコンの横に文章が並ぶレイアウトで ・文言が1行で終わる時はアイコンに対して縦中央そろえ(vertical-align: middle) ・文言が2行以上の

    • 0評価
    • 101PV
    takamiii_158cm takamiii_158cm 4日前
  • 解決済

    回答
    1

    HTML Videoタグの上にDiv要素を配置する方法

    <body> <div id="Contents"> <video id="Video" src="img/IMG_0655.mp4" loop autoplay></video> <div id="Header"> <div id="ico">HOME</div>

    • 0評価
    • 29PV
    userones userones 1日前
  • 受付中

    回答
    1

    実際のサイズで画像を表示させる方法

    前提・実現したいこと 例えば名刺の画像を用意して、 実サイズが55×91ミリだとします。 どのデバイスで表示させても55x91ミリに表示させることなどはできるのでしょうか。 試したこと .img{ width:91mm; height:55mm; } のように記述して、macbookとAndroidのChromeで比較。 画面に定規を

    • 0評価
    • 85PV
    kensii kensii 2日前
  • 解決済

    回答
    1

    ランダムなアルファベットを書いては消すを繰り返すという処理を表示させる方法を教えてください。

    前提・実現したいこと 変数onIntervalでランダムの文字列を生成して、変数onTimeoutでその文字列を消す、この処理を繰り返し画面中央に表示という一連の流れを実装したいと思います。 発生している問題・エラーメッセージ ランダム処理を書いては消すという処理を、下記のコードのように書いてみたのですが、表示自体がうまくいきません。どこが間違って

    • 0評価
    • 243PV
    yud yud 3日前
  • 受付中

    回答
    0

    position ブラウザによりずれる

    ⑴firefox・IEと⑵クロム・サファリでpositionがずれます upでposition:0の時の位置を確認するとすでにずれがあり ⑴はborderを含んだ端に ⑵はborderを含まない位置の端に どうしたらいいですか <li> <div> <p>テキスト</p> <p class="reference-te

    • 0評価
    • 45PV
    m_ai m_ai 1日前
  • 解決済

    回答
    1

    iframe内のスクロールバーが動かない問題

    [√] iframe内のスクロールバーが動かない問題 こちらの問題でHTML・CSSだけでタブ表示するデモををつくってみたのですが,一番右のタブ以外の他のタブ内でのスクロールが全く効きません.スクロールバーは表示されているのにです.なぜでしょう? [√] code <section> <!--■■CSSはここから!■■--

    • 0評価
    • 33PV
    -1an.vvks- -1an.vvks- 3日前
  • 解決済

    回答
    1

    CSSのmarginが効かない

    前提・実現したいこと CSSでサイトのデザインを作っているのですが、marginが適用されません。 発生している問題・エラーメッセージ 下記のようにmarginを0に指定しましたが、サイトを開いてみるとuser agent stylesheetのmarginが8pxに設定されておりました。 css body { font-famil

    • 0評価
    • 36PV
    PYPP PYPP 3日前
1

もっと見る

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    5600

  • 総質問数

    2450

  • 今週の質問数

    42

関連するタグ

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