CSS

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

RSS

  • 受付中

    回答
    8

    scriptタグはなんで通常bodyに書くのか。

    どうもこんにちは。 先にお伝えしますと、この質問は技術的興味から来た質問です。 まず、HTMLのコードで以下の書き方をよく見かけます。 <!doctype html> <html> <head> <link rel="stylesheet" href="http://example.com/"> <meta charset="utf

    • 17評価
    • 4218PV
    MensJink MensJink 3週間前
  • 解決済

    回答
    3

    LPのヘッダー画像をPCの画面、スマホの画面とで出し分けたい

    掲題の件でご相談です。 現在、LPを作成しておりまして、ヘッダー画像を PC版:【横900px】✕【縦1400px】 スマホ版:【横480px】✕【縦800px】 でpcの画面、スマホの画面を出し分けて設定したいです。 【やったこと】 JavaScriptを用いて上記の設定をおこないたいのですが、 方法がわからなく挫折し、とりあ

    • 0評価
    • 31PV
    akkkkin akkkkin 3時間前
  • 解決済

    回答
    2

    wordpressに移行する時、style.cssのプロパティがパスのpngを読み込ませる方法

    wordpressでサイトを管理できるようにするために、html→phpの移行をしております。 その際、wordpressでのcssの読み込みで、下記プロパティのパスのpng画像を読み込むには、 どのようにコードを指定すると良いのでしょうか? <h4 class="widgettitle">Category</h4> .widgettitle

    • 0評価
    • 62PV
    i_p_n i_p_n 21時間前
  • 解決済

    回答
    2

    ul,liのリストの横並びについて

    レスポンシブデザイン作成において、ul、liのリストを使うことで、html,cssのコードを整理しているのですが、 ul,liを多用しているせいか、ul,liを複雑に配置してしまったせいか、うまく機能しません。 下のHTMLを見てもらえばわかると思いますが、<li>の中に<div>が格納され、その<div>の中に、ul,liがあります。 そ

    • 0評価
    • 43PV
    ShimpeiHorikawa ShimpeiHorikawa 20時間前
  • 解決済

    回答
    1

    jqueryスライドショー表示されない

    最近購入した本「jQuery最高の教科書」に載っているスライドショーのプラグインを利用しようと、 自分に作っているwebsiteに利用したのですがうまく動作しませんでした。 不具合について、下記にある画像を見てもらえればわかると思いますが、背景の黒が表示されたままであり、画像が表示されません。 改善するためにしたこと ・コメント閉じ忘れ、全角

    • 0評価
    • 14PV
    ShimpeiHorikawa ShimpeiHorikawa 3時間前
  • 受付中

    回答
    1

    CSSでホバーすると沈むボタンがうまく作れない

    CSSでマウスホバーすると沈むようなアニメーションのボタンにしたいのですが、どうもうまくいかないので、質問させていただきました。 手を加える前のボタンはこのサイトのタイトル下のものと同じです。 そしてそのHTMLとCSSのコードがこちらです。 <!--SNSシェアボタン--> <div class="share-buttons"> <spa

    • 0評価
    • 25PV
    Jin114514 Jin114514 11時間前
  • 受付中

    回答
    0

    vscodeで外部cssのフルパスが適応されない

    Visual Studio Codeでブログ記事を書いています。 Live HTML Previewerという拡張機能を使用中での状況です。 ブログ(FC2ブログ)のテンプレートで設定しているcssをVSCodeで編集中の場合でも反映したくて、Blog TMP MyCSS.css というファイルに必要なcssを書き出しました。 で、編集するhtml

    • 0評価
    • 1PV
    hgforteratail hgforteratail 2分前
  • 受付中

    回答
    1

    ウィジェットの文字の位置調整

    wordpressのウィジェットの文字(タイトルではなく、メニューの方)が左にずれます。 テーマはtwenty twelveです。 ulとliの方です。 .widget-area .widget ul { margin-left:30px; } .widget-area .widget li { margin-left:30px; } c

    • 0評価
    • 34PV
    gonda310 gonda310 1日前
  • 受付中

    回答
    1

    レスポンシブなスマホ用のメニューを設置したい。

    wordpressでレスポンシブなスマホ用のメニューを設置したいです。 理由はデフォルトだとボタンがあまりにそっけないボタンからです。 具体的にはボタン解除をして、パソコンみたいにメニューが横並びに全部表示されているなものが作りたいです。 使っているテーマはtwenty twelveです。 .menu-toggle { display: none

    • -2評価
    • 44PV
    gonda310 gonda310 23時間前
  • 解決済

    回答
    3

    position:fixedしている要素内のinputにフォーカスが入ると、ページトップへスクロール...

    起きている事象・解決したい問題 ・CSSのposition:fixedしている要素内にフォームを設置したいが、おそらくIOSのバグでinputにフォーカスするとページトップへスクロールしてしまう ・フォーカスが入ると、強制的にfixedがabsoluteになってしまうことが原因らしい 参考:iOS8でposition:fixedなheaderに付け

    • 0評価
    • 3845PV
    oshieteman oshieteman 1年以上前
  • 解決済

    回答
    3

    レスポンシブデザインにおける画像と文字の重ね合わせ

    レスポンシブ対応のwebsiteを作ろうとしているのですが、分からないことが出てきたため、質問させていただきます。 下記の画像を見てもらえば、分かるとは思うのですが、上側のフォームの中に「ここに文章を入れます」を入れたいのですが、なぜか重ね合わすことができず困っています。 websiteで調べた結果、絶対位置、相対位置を利用したposition:

    • 0評価
    • 80PV
    ShimpeiHorikawa ShimpeiHorikawa 3日前
  • 受付中

    回答
    2

    CSSで次のような形を作りたい

    次のような画像をCSSで表現したいのですが、border,box-shadow等を使ってみても描く方法が思いつきませんでした。 イメージとしては、正方形の中一杯に円を描き、その余ったスペースにあたる部分です。 描き方がわかる方がいらっしゃいましたら、ぜひご教示お願いいたします。 追記 : 説明不足でした。この形の中に色を塗りたいので、一

    • 0評価
    • 255PV
    Span794 Span794 9ヶ月前
  • 受付中

    回答
    2

    JQuery:項目の追加・削除について

    はじめまして。 JQueryを使用しボタンを押下した際の処理を書いているのですが、 上手く動作しないので分かる方がいればご教授頂けますか。 ●処理内容 ・初期状態では「備考」エリアは1つ表示されている ・項目を追加を押下すると「タイトル」と「内容」を含んだ「備考」エリアが追加される ・「備考」エリアが追加されるたびにタイトルの末尾は連番で振ら

    • 0評価
    • 59PV
    yuuuuuuuuu yuuuuuuuuu 2日前
  • 受付中

    回答
    1

    【IOS】position: fixed;で固定したものがスクロールで隠れてしまう

    現在position: fixed;でヘッダーとフッターを固定しています。 しかしiosで最下部・最上部までスクロールすると白いエリアに隠れてしまいます。 調べたところiosでの問題だと分かりました。 http://qiita.com/hokuto/items/cdcfc12dcecc09387467 こちらの参考サイトのように指定し

    • 0評価
    • 59PV
    arue arue 2日前
  • 解決済

    回答
    2

    高さの違うdivを上に詰めた状態で左から順に並べたい

    お世話になります。 質問の仕方が悪かったようなので編集させていただきます。 まず条件としては、 ・横幅固定で高さの異なるdivを投稿順に左から並べたい ・PCでは横3列、スマホでは1列になるようにしたい(ユーザーエージェント+viewport) ・上に詰めたい ・動的ページでの使用なのでdivはどんどん増えていきます ①maso

    • -3評価
    • 70PV
    seed seed 1日前
  • 受付中

    回答
    0

    new post catchをcssで整える

    プラグイン「newpost catch」を導入したところ、画像が上でタイトルが下でした。 プラグインのcssを参考サイトのように編集しました。 ですが、画像が上でタイトルが下のままです。 画像の隣にタイトルを置くには具体的にどうすればいいですか? #npcatch{ margin:0px; } #npcatch li{ font

    • -1評価
    • 71PV
    gonda310 gonda310 22時間前
  • 解決済

    回答
    2

    メディアクウェリ(特定のページ)について

    コンタクトページだけの内容を変更したい場合はどうすればいいのか教えてください。 例えば、ホームページがあり、そこにすでにメディアクエリ(width)でCSSが設定されています。コンタクトページを同じく作成して、そのメディアクエリが反映されているのですが、コンタクトページにはフォームがありソースコードは若干違います。 コンタクトページ上の特定のメデ

    • 0評価
    • 52PV
    tomo-.hisa_88 tomo-.hisa_88 2日前
  • 解決済

    回答
    3

    CSSをカスタムフィールドを記入したPHPで作成し、head内に.cssファイル形式で自動出力。出力...

    長くなりますが宜しくお願い致します。 前提・実現したいこと CSS内でPHPの変数を使い、最終的に.phpではなく.cssのファイル形式で自動的に<head>内に出力。その際に小テーマディレクトリのURLではなくhome_urlのバスを<head>内に出力したいです。 小テーマのURL [get_stylesheet_directory

    • 0評価
    • 114PV
    JP_Shiba_Inu JP_Shiba_Inu 3日前
  • 受付中

    回答
    0

    iOSで予測変換候補領域の高さを検知したい

    こんにちは。よろしくお願いいたします。 WEBチャットを作っているのですが、iPhone特有の仕様なのか、 テキストエリアで入力中に予測変換候補領域が出ると、それがテキストエリアの上にかぶってしまいます。 なんとか予測変換候補領域の高さを検知して、その分だけ要素を上に引っ張りあげたいのですが、何か良い案はないでしょうか? 調べてもなかなか出て

    • 0評価
    • 23PV
    MaShiRo_H MaShiRo_H 1日前
  • 解決済

    回答
    2

    【IE10】テキストエリア内の一行目で謎の折り返しが勝手に発生します

    ひらがなを連続で打った場合は問題ありません。 アルファベット、記号等を改行するまで連続で打った場合に上記のようになってしまうようです。 IEではこのようなバグがあるのでしょうか。解決策がありましたら是非ご教授お願い致します・ textarea { word-break: break-all; } 頂いたとおりこちらを指

    • 0評価
    • 99PV
    arue arue 3日前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    5748

  • 総質問数

    2614

  • 今週の質問数

    34

関連するタグ

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