CSSフレームワーク

CSSフレームワークは、Webページのスタイルを指定する言語であるCSSを容易に構築するためのツールです。ツイッター社が開発した「Bootstrap」や段組レイアウトが可能な「Foundation」など様々なCSSフレームワークがあります。

RSS

  • 受付中

    回答
    0

    FLOCSSでのネーミングについて

    宜しくお願い致します。 このようなデザインがあるとします。 パターン1は私は と作ります。 パターン2を作る時に悩みます。。。 p-menuという名前でいきたいけど、 どうやるか。。。 /* menu */ .p-menu {} .p-menu--horizonal { .p-menu__title {}

    • 0評価
    • 28PV
    yusukexyusuke yusukexyusuke 1週間前
  • 解決済

    回答
    1

    【Materialize】フラットデザインボタンの、オンマウス時の背景色

    質問概要 CSSフレームワーク、「Materialize」の class="btn-flat"を指定したときの、オンマウス時の背景色の変更方法を知りたい。 質問 CSSフレームワーク、「Materialize」のボタンデザインで、class="btn-flat"を指定したときの、オンマウス時の背景色の変更方法が分かりません。 例えば、

    • 0評価
    • 312PV
    nnahito nnahito 2週間前
  • 解決済

    回答
    2

    Bootstrapでメニュ―部分を画面サイズに合わせて表示したい

    bootstrapを利用しています。 メニュー部分をボタンで表示しようとしているのですが、 画面の幅に比べて小さく表示されてしまいます。 画面のサイズにフィットする形でボタンの表示をしたいのですが、 方法はあるでしょうか? 下記はスマホの場合です。 方法があれば教えて下さい。 width:100%とかwidth:autoでも広がってくれません・

    • 0評価
    • 367PV
    hidepon hidepon 4週間前
  • 解決済

    回答
    1

    bootstrapでtableにチェックボックスを並べるといびつな並び方になる

    bootstrapでtableにチェックボックスを並べるといびつな並び方になり対処方法が分からず悩んでいます。 中央寄せのような状態になります。 もちろん、tdに対してtext-align:left;をして左寄せを試みましたが、うまくいきません。 どのように対処すればいいのか教えてください。 <div id="sec5"> <div clas

    • 0評価
    • 69PV
    hidepon hidepon 1ヶ月前
  • 受付中

    回答
    0

    postcss-cssnextの使い方

    postcss-cssnextを使ったことがある方にお聞きしたいです。 CLI(npm-scripts)かgulpで利用する場合の、最新版に対応した基本的なコード設定を知りたいです。 下記URLではpostcssとpostcss-cssnextをインストールしているようなのですが、 その後の使い方ではpostcssしか使っていないように見え、 も

    • 0評価
    • 36PV
    yamato_hikawa yamato_hikawa 1ヶ月前
  • 解決済

    回答
    1

    画面の横幅いっぱいの長さで、<li>の文言に下線を引きたい

    前提・実現したいこと 画面の横幅いっぱいの長さで、<li>の文言に下線を引きたい 困っていること <li> の下に border-bottom: で下線を記述しているのですが の画像のように左に余白ができてしまい困っています。 文言の下の線を幅いっぱいまで表示したいのですが、うまくいきません。 該当のソースコード 現状ですが

    • 0評価
    • 62PV
    juke-footwork juke-footwork 1ヶ月前
  • 受付中

    回答
    2

    レスポンシブ タブレット表示だと要素が重なる

    LPを制作しています。 画像のようにグローバルナビと画像(png)の各要素が被ってしまいます。(heightを固定してるため) height:50vhなどとすると、 サイズの違うデスクトップモニターで見たときにサイズ感が上手く行かなかったり。 うまくタブレット(縦に短いディスプレイと、デスクトップモニターのレスポンシブ)に対応させる方

    • 0評価
    • 73PV
    masaakitsuyoshi masaakitsuyoshi 1ヶ月前
  • 解決済

    回答
    1

    CSSでパネルやフォームのコンテンツの大きさを画面サイズに従って自動で変更させるには、、、

    CSSフレームワークで提供されているパネルとかフォームのサイズの自動調節のやりかたにいつも困っています。 特にimage_tagで表示している画像とかのサイズには毎度手こずりまして・・・ 僕の自動調節に対する疑問をどうか解消してください!おねがいします ①まず横幅とか高さを調節するのってheightとかwidthですよね? こちらをautoにして

    • 0評価
    • 360PV
    teruwa teruwa 1ヶ月前
  • 解決済

    回答
    3

    Microsoft Edge 38 にてCSSが効かない

    WindowsEdgeにてバージョン違いで下記CSS記述が効かなくなりました 効かない Microsoft Edge 38.14393.0.0 Microsoft EdgeHTML 14.14393 効く Microsoft Edge 25.10586.0.0 Microsoft EdgeHTML 13.10586 @support

    • 1評価
    • 245PV
    46yanagi 46yanagi 1ヶ月前
  • 受付中

    回答
    1

    スマホでbackground attachment fixedにするには?

    PCではできたのですが、モバイルで背景を固定できません。 PCではこんな感じ PCでは下記コードで実装できています。 .top { background-image: url('../images/town_bg.png'); background-repeat: no-repeat; background-position:

    • 0評価
    • 88PV
    masaakitsuyoshi masaakitsuyoshi 2ヶ月前
  • 解決済

    回答
    2

    写真の上にメニューを表示させたい。

    質問 最近いろいろ触り始めた初心者です。 写真の上にメニューを表示させる方法がわかりません... どうしたらうまく表示できますか? また、画面サイズを変更するとメニューがずれてしまいます。 これの対処法もお願いします。 写真の上にメニューを貼って http://msgo.bandainamco-ol.jp/member/ ここのようなメニ

    • 0評価
    • 100PV
    Katura Katura 2ヶ月前
  • 受付中

    回答
    3

    レスポンシブ モバイル用画像サイズのベストは?

    レスポンシブサイトを初めて作成しています。 最近はRetinaディスプレイが出たり、スマホで拡大表示する人がいたりするので画像サイズも大きめがいいかと思い、かなり大きめで画像を作成しています。 2000*1300 1400*1200 など どれも1MB超えで2MBのものもちらほら。 ですが、サイトの表示をしてみると環境によっては重くなって

    • 0評価
    • 419PV
    masaakitsuyoshi masaakitsuyoshi 2ヶ月前
  • 解決済

    回答
    4

    ブロック要素の中央寄せ+子要素のブロック要素の左寄せ

    利用フレームワーク Skelton 文章全体(others)を中央寄せにし、 文章(others-inquiry, others-bug, others-policyの中身 h4,divら)の頭を左揃えにしたいです。 <div class="section others"> <div class="container"> <div

    • 0評価
    • 142PV
    masaakitsuyoshi masaakitsuyoshi 2ヶ月前
  • 解決済

    回答
    1

    z-indexが切り替わらない スタック文脈のせい?

    600px以上で上部にメニューを表示し、300px以上ー600px未満で、トグルメニューを表示しています。 下記ページを参考にしました。 参考にしたページ 600px未満時、開いたトグルメニューがコンテンツの上に重なるように z-indexで値を指定しています。 ※absolute-containerがtable-sec(テーブル)のコンテン

    • 0評価
    • 412PV
    masaakitsuyoshi masaakitsuyoshi 2ヶ月前
  • 解決済

    回答
    1

    【CSS】 【HTML】【boot strap】レスポンシブデザイン スマホでの画面

    よろしくお願いいたします。 現在、webページを作っており、初めてbootstrapを使用します。 表題通り、レスポンシブデザインを使って、webページがスマホでも見やすいようなレイアウトにしたいと思っています。 まずは、ヘッダーのみで試しています。 ヘッダーは、左側の<header-left>と、右側の<header-right>の二つに大まかに分

    • 0評価
    • 411PV
    nekomura nekomura 2ヶ月前
  • 受付中

    回答
    1

    レスポンシブ画像サイズ vh px % 何で指定すべき?

    レスポンシブサイトを初めて制作しています。 ブラウザ幅を狭めるごとに画像もゆるやかにサイズを拡大縮小したいです。 ゆるやか〜に画像を拡大縮小するにはどのような指定方法が良いでしょうか? メディアクエリにvhで指定したのですが、縦にブラウザを縮めると、レイアウトがおかしくなったため、 height:300vw; と、高さをvwで調整していま

    • 0評価
    • 492PV
    masaakitsuyoshi masaakitsuyoshi 2ヶ月前
  • 受付中

    回答
    1

    cssフレームワーク「Materialize」を使ってナビゲーションボタンを作りたい

    cssフレームワーク「Materialize」を使用して、サイト制作をしています。 http://materializecss.com/ (公式ホームページ) の中に、テンプレートコード例があるので、それを見ながら作成しているのですが、 ナビゲーションボタンのところで行き詰まってしまいました。 同サイト ショーケース中にある http

    • 0評価
    • 127PV
    hurley hurley 3ヶ月前
  • 解決済

    回答
    2

    Web制作レスポンシブ時ウィンドウ最小幅はいくつにすればいい?

    skeletonを利用してレスポンシブwebサイトを制作しています。 レスポンシブ対応させるにあたって疑問なのですが、ウィンドウサイズの最小はいくつを想定すればいいでしょう? PCで普通にウィンドウを縮めると400pxくらいで止まりますが、chromeの検証ツールで縮めると140pxくらいまで縮まります。 横幅140pxくらいになってもレイアウ

    • 0評価
    • 412PV
    masaakitsuyoshi masaakitsuyoshi 3ヶ月前
  • 解決済

    回答
    3

    レスポンシブ時 入れ子のdivを好きな順序に入れ替えるには?

    780px以上ではこのように表示されている入れ子のdivを デスクトップ780px~ このように好きな順序に変えて表示させたい div3が上に、div4・5が下にいき、div1を挟む形です。 モバイル 380px~ flexboxで、div1とdiv2を入れ替えることはできたんですが、入れ子になっているdiv2をどう扱えばよいかがわかり

    • 0評価
    • 462PV
    masaakitsuyoshi masaakitsuyoshi 3ヶ月前
  • 解決済

    回答
    1

    Skeletonで横に並んだコンテンツを縦にするには?

    http://getskeleton.com/examples/landing/ リンク先のページのように、横に並んでいたコンテンツ(コラム row)を、ウィンドウサイズの可変に合わせて縦にしたいです。 Bootstrapの場合、 xs mdなどをhtmlに書くことによって、レスポンシブ時にもコラムの大きさを変えていると思います。 Skelet

    • 0評価
    • 418PV
    masaakitsuyoshi masaakitsuyoshi 3ヶ月前
1

もっと見る

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    179

  • 総質問数

    79

  • 今週の質問数

    0

関連するタグ

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