CSS3

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

RSS

  • 受付中

    回答
    2

    Bootstrap3でカラム間に色を付けたくない

    wordpressのテーマを制作しているのですが、Bootstrapに苦戦しています。 <div class="container"> <!--↓コンテンツ↓--> <div class="row"> <!--↓記事一覧↓--> <div class="col-md-8 c

    • 0評価
    • 340PV
    E3KUROSUKE E3KUROSUKE 2日前
  • 受付中

    回答
    1

    WordPressのスマホ用ドロップダウンメニューを作りたい

    1日かけても解決できなかったので、恥ずかしながら質問させていただきます。 現在、WordPressでスマートフォン用にモーダルウィンドウを出してカテゴリリストのメニューを作っています。 その部分はこのようなコードです <div class="modal-inner" ontouchstart=""> <u

    • 0評価
    • 27PV
    g_gw_p g_gw_p 19時間前
  • 受付中

    回答
    0

    input time の属性、"min", "max", "step" がiphoneで効かない

    input time の属性、"min", "max", "step" がiphone上で効きません。 ブラウザでは効いているんですが。 なにか方法わかる方、教えてください!! お願いします!!

    • 0評価
    • 13PV
    akamarukun akamarukun 1時間前
  • 受付中

    回答
    0

    Jqueryのインジゲーターとナビボタン

    jQuery最高の教科書という本から引っ張ってきたjQueryのプラグインを利用して、スライドショーを作りたいのですが、 「インジケーター」と「ナビの矢印」の位置の設定の仕方が分からず困っています。 「インジケーター」と「ナビの矢印」がなぜかfloatなど使ってもいないのに、画像1を見てわかるように、上に方に配置されてしまいます。 画像1

    • 0評価
    • 29PV
    ShimpeiHorikawa ShimpeiHorikawa 19時間前
  • 受付中

    回答
    1

    Jqueryスライドショー作成における不具合

    jQuery最高の教科書という本から引っ張ってきたjQueryのプラグインを利用して、スライドショーを作りたいのですが、 「インジケーター」と「ナビの矢印」の位置の設定の仕方が分からず困っています。 「インジケーター」と「ナビの矢印」がなぜかfloatなど使ってもいないのに、画像1を見てわかるように、上に方に配置されてしまいます。 画像1

    • 0評価
    • 55PV
    ShimpeiHorikawa ShimpeiHorikawa 19時間前
  • 解決済

    回答
    1

    CSSで作ったドロップダウンのhoverをタップに置き換えたい

    現在WordPressを使ってホームページを作っています。 wp_list_categoriesでカテゴリ一覧を呼び出してメニューを作りました。 そのメニューはマウスホバーで展開するようなドロップダウンメニューにしました。 具体的には aaaa li ul li{ overflow: hidden; width: 100%; height:

    • 0評価
    • 33PV
    g_gw_p g_gw_p 1日前
  • 解決済

    回答
    2

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

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

    • 0評価
    • 48PV
    ShimpeiHorikawa ShimpeiHorikawa 2日前
  • 解決済

    回答
    2

    ハンバーガーボタンの作成における不具合

    今、このサイトに書いてあることを利用して、スマホ時のハンバーガーボタンを作りたいのですが、不具合が出てしまい、うまく機能しません。 不具合は、下記の画像のようにハンバーガーボタンが発現せず、半透明な背景であるリストが常に表示されているということです。 今回、改善するために、取り組んだこと ・スクリプトがちゃんと読み込まれているかの確認。

    • 0評価
    • 67PV
    ShimpeiHorikawa ShimpeiHorikawa 2日前
  • 解決済

    回答
    3

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

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

    • 0評価
    • 82PV
    ShimpeiHorikawa ShimpeiHorikawa 4日前
  • 解決済

    回答
    1

    CSSを読み込ませたい

    <head> <title></title> <meta charset="UTF-8"> <meta name="description" content=""> <meta name="keywords" content=""> <script src=".js" type="text/javascript"></scri

    • 0評価
    • 329PV
    penguin520 penguin520 3日前
  • 解決済

    回答
    1

    画像と文字の重ね合わせ

    レスポンシブデザインにおける画像と文字の重ね合わせがわからないところがあるため、ここで質問させていただきます。 質問 ズームした際、画像①のようにテキストがずれてしまいます。 インターネットで調べた結果、相対位置と絶対位置を用いた「position:relative;。position:absolute;」を用いて、画像②のように一時的にするこ

    • 0評価
    • 63PV
    ShimpeiHorikawa ShimpeiHorikawa 5日前
  • 受付中

    回答
    3

    【HTML・CSS】画面を縮小するとfloatしたものが、下段に落ちるのを防ぎたい

    前提・実現したいこと HTML・CSS初心者です。 画面を縮小すると、floatで横並びにしたものが、下段に落ちてしまいます。 レイアウトを崩さず、横にスクロールする形にしたいです。 発生している問題・エラーメッセージ 具体的には、ロゴimgの横にメニューliを並べたいです。 <全画面表示のとき> 横並びになってる ⇩ <画面半

    • 0評価
    • 103PV
    renn renn 1週間前
  • 受付中

    回答
    3

    position:absolute;を指定した小要素の高さが計算されてしまう。

    position:absolute;を指定した小要素の高さが計算されてしまう。 サムネイルにclick/mouseonで、画像が表示されるやつです。 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width,initial

    • 0評価
    • 97PV
    -1an.vvks- -1an.vvks- 1週間前
  • 解決済

    回答
    2

    PC画面に対して横幅が余ってしまいます。

    前提・実現したいこと 現在、以下のように記述していますが、ブラウザーで表示して、 横にスクロールすると右側に余白が残ります。 その消し方を教えていただきたいです。 よろしくお願いいたします。 該当のソースコード HTML ここにご自身が実行したソースコードを書いてください <section> <header c

    • -2評価
    • 392PV
    MASAMI-O MASAMI-O 3週間前
  • 受付中

    回答
    1

    SVGで、フォントの特徴を残したまま書き文字アニメーションをさせたい

    前提・実現したいこと https://draft.co.jp/ こちらのサイトで実装されている 書き文字アニメーションについての質問です。 参考サイトのトップに出てくる(ALL HAPPY BY DESIGN)の文字のように、 フォントの持っている線の強弱やインクのハネのような意匠をのこしたまま 書き文字アニメーションさせる方法が分からず困っ

    • 0評価
    • 342PV
    daima4657 daima4657 1週間前
  • 解決済

    回答
    3

    ヘッダーメニューのレスポンシブ化

    現在作成しているWebページのヘッダーを、画面サイズに合わせて子要素(logo,menu1~menu4)の比率を変えずに、かつ、背景画像が見切れることなく縮小したいのですが、どうすればいいでしょうか。 要素headerには幅、高さの指定はなし headerの子要素のheadermenuのmax-widthは1034px headermenuの子要素

    • 0評価
    • 128PV
    nosonosolife nosonosolife 1週間前
  • 解決済

    回答
    2

    bootstrap3 でimg-responsive 指定した画像が中央寄せにならない

    Bootstrap3 で画像にレスポンシブと丸型を適応しているのですが。 モバイルの時に中央寄せにしたいと考えて設定したつもりが、 上手く真ん中に配置されません。 どのように対処すればよいでしょうか? ご教授頂ければ幸いです。 <div class="row"> <div class="col-lg-12 col-m

    • 0評価
    • 52PV
    hidepon hidepon 1週間前
  • 解決済

    回答
    3

    CSSの透過に関して

    透過を実現する為にnetを見ながらcssを作成しました。 visualstudioで確認すると、波線でエラーが出てしまいます。 エラー文言は下記。 どうする事が一番ベターかご存知の方いらしたら伺えれば幸いで御座います。

    • 0評価
    • 102PV
    color color 1週間前
  • 解決済

    回答
    3

    TABLEの中間列だけを個別指定

    css3のtd:nth-childの扱いでお助けください。 奇数列、偶数列をそれぞれ設定しているのですが、 中間1列(↓列3)を個別設定、次の列から奇数列として扱いたいです。 どのようにすれば良いでしょうか? 1 2 3 4 5 td:nth-child(odd) { width:17px; } t

    • 0評価
    • 75PV
    karashi karashi 1週間前
  • 受付中

    回答
    0

    ios(iphone,ipadなど)だけドロップダウンメニューの中身のaタグが機能しないです。。

    いつも大変お世話になっております。 下記コードでドロップダウンメニューを動作させておりますが ios(iphone,ipadなど)だけaタグが機能せずクリックしてもリンクしません。 どうかお助け下さいませ。 html <nav class="g-navi-2" id="main-menu"> <ul class="clearfix"

    • 0評価
    • 45PV
    shio shio 1週間前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    4529

  • 総質問数

    1007

  • 今週の質問数

    11

関連するタグ

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