CSS

全5416件中181~200件表示
  • divで2カラムにすると途中から本分が左に寄る

    CSSは詳しくないのでテンプレートを元にしてますが divで2カラムなっており左にメニュー右に本分 メニューが終わった部分から本分が左に寄って困っています 本分の最初から最後までを0pxのテープルで囲えば途中から左に寄りませんが 重くなるのでテーブルを使わずデザインしたいです clear: で寄せを解除してる分けでも無いんですよね… 色々調べたり試しましたが分かりません ※ブログシステムを使用せず手作りのWEBサイトです

  • CSSが反映されない

    以前にも質問させていただいたのですが、解決しなかったので、再度質問させていただきます。 ワードプレスのCSSが反映されません。 編集場所は子テーマのCSSです。 最初に .headline2{ background-color:#ffd700; } でダメで、こちらで質問させていただいたところ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 子テーマの functions.php にて親テーマのスタイルを生かしつつ子テーマに追加のスタイルを記述するアクションを追加します。 add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style') ); } ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ という回答をいただいたので、functions.php にコピペしましたが、ダメでした。 それからネットでいろいろと調べていて、優先度というものを知りまして 前 .headline2{ background-color:#ffd700; } 後 #content h2{background-color:#ffd700;} の指定をしてみたのですが、そもそも更新をはねのけられました。 次に どうしてもうまくいかないなら スタイルの最後に「!important」を付ける方法もありますとあったので #content h2{background-color:#ffd700; !important} としてみました が、これも更新ができませんでした。 解決方法わかりますか?

  • マークダウン使用のhタグ装飾

    マークダウンを使って、hタグを設定しています。 (「## 」と「### 」) そのhタグの装飾の「色や形」を変えたいのですが、 どういった方法でできるでしょうか? 今は、シンプルな灰色の見出し装飾になっています。 よろしくお願いいたします。

    • ベストアンサー
    • mute_low
    • CSS
    • 回答数1
  • ワードプレスで、CSSが反映されていないようです。

    お世話になります。 見出しに装飾をつけようと思い、ワードプレスのCSSを編集しました。 が、反映されません。 見出し2の背景色をゴールドにしようとしたのですが、ノーマル?のままです。 ワードプレスのテーマは子テーマを選択し 「Simplicity2 child: スタイルシート 」内を編集しました。 ・・・・・・・・・・・・・・・・・・・・・・ @charset "UTF-8"; /*! Theme Name: Simplicity2 child Template: simplicity2 Version: 20161002 */ /* Simplicity子テーマ用のスタイルを書く */ .headline2{ background-color:#ffd700 } ・・・・・・・・・・・・・・・・・・・・・ なにか足りない記述でもあったのでしょうか?

  • CSS 特定の文字列が入った要素を指定して処理

    テーブルタグを使ったスケジュール表があり、「休憩」や「昼休み」という文字があったら、背景の色を変えるといったものをしたいです。 スケジュールの時間により、「休憩」や「昼休み」の配置が変わってしまいます。なので、条件で背景の色を変えるようにしたいです。 https://handywebdesign.net/2017/11/jquery-contains/ ヘッダー内に <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script type="text/javascript">$(“td:contains(‘休憩’,’昼休み’)”).css(“background-color”,”#ccc”);</script> を記述。 結果は変わりませんでした。 何かいい方法がありましたら教えてください。 よろしくお願いします。

    • ベストアンサー
    • nkmyr
    • CSS
    • 回答数1
  • cssでfont-styleだけ反映されない

    chromeで確認しながらCSSを作成しているのですが、 font-styleだけ反映されません。 他のfont-weightやtext-decoration等は値を変更すると反映されるのですが、 font-styleだけ何も表示が変わりません。 ちなみに、IEで確認した所、italic等に設定していると反映されていることが 確認出来たのですが、chromeでは何も反応しません。 ネットで調べてみてキャッシュの削除等もやってみたのですがうまくいきませんでした。 どうすれば反映されるかどなたか教えて頂けますでしょうか。

  • CSS テーブルタグの二列目にそれぞれ色を付けたい

    http://takuya-1st.hatenablog.jp/entry/2013/12/05/035607 これを参考にやってみましたが、何も反映されませんでした。 ややこしくてうまくいけませんでした。 テーブルタグ <table> <tr> <td>A</td> <td>赤</td> </tr> <tr> <td>B</td> <td>白</td> </tr> <tr> <td>C</td> <td>黄</td> </tr> </table> どうすれば良いか、教えてください。 よろしくお願いします。

    • ベストアンサー
    • nkmyr
    • CSS
    • 回答数1
  • <h3>タグと画像の隙間をなくしたい

    無料ホームページテンプレート『template party』(URL https://template-party.com/db_template/?act=list&ord=1&kind=1&limit=100&html=list_all.html&top=0&page=2)の『tp_kids4_blue』というテンプレートを私用させてもらっています。 <h3>タグ(青い線で囲まれて表示されている)の下に画像を表示させた際に、隙間ができてしまいます。 この隙間をなくし、青い線と画像をくっつけて表示させたいです。 どのようにすればいいのか具体的に教えていただけると助かります。 よろしくお願いします。 多分CSSで設定するのだろうと思い、カテゴリを設定しましたが、違っていたらすいません。

  • スマホだと筆記体になってしまう

    WordPressを使用しています。 パソコンでは問題なくコジックが表示されていますが、iPhoneでは筆記体になってしまいます。 フォント指定は以下です。筆記体の原因を教えて下さい。 font: 200 1.5rem "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;

    • ベストアンサー
    • nkmyr
    • CSS
    • 回答数1
  • Googleメールに囲い文字を使う方法は

    Googleメールの文字に、囲い文字を使う方法はありませんか?

  • Attribute-Selectorsの記号

    [attribute][target] [attribute=value][target=_blank] [attribute~=value][title~=flower] [attribute|=value][lang|=en] [attribute^=value]a[href^="https"] [attribute$=value]a[href$=".pdf"] [attribute*=value]  a[href*="w3schools"] 記号だけの意味を教えてください。 $とかです。それと一番上の [attribute][target] 上から二番目の [attribute=value][target=_blank] もお願いします。 ネットでこの部分だけ検索しましたが載っていないので質問しました。

    • ベストアンサー
    • nada
    • CSS
    • 回答数1
  • ヘッダ(横並び)の作り方について

    横並びメニューのヘッダーを作る例として、<div1>Text</div1><div2><ul><li></li><li></li></ul></div2>という構成※divの数字は便宜上で、cssで<li>&<div1>&<div2>にfloat:left指示する物ががありましたが、<div2>のfloat leftの役割が分かりません。 宜しくお願いします。

    • ベストアンサー
    • noname#234726
    • CSS
    • 回答数1
  • list-styleはolでもulでも使うのですか

    CSSのlist-styleプロパティは、<ol>でも<ul>でも変わりなく使うのですか? 宜しくお願いします。

    • ベストアンサー
    • noname#234726
    • CSS
    • 回答数1
  • ワードプレスでの改行について質問です。

    ワードプレスでの改行について質問です。 pcで改行をしてスマホで改行を無視するようにするためcssに以下のように追加しました。 @media only screen and (max-width: 767px) { br { display: none; } } このようにした場合、スマホから見た個別ページに部分的に強制改行を加えたいと思った場合、どのようにしたらよいのでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • sattack
    • CSS
    • 回答数1
  • トップ画像のサイズ固定ができない

    サイトのトップ画像を表示すると PC・スマホによって見え方が変わってしまいます。 どのデバイスでもきれいに表示させるにはどうすればいいですか?

  • Backgrounds4

    https://gyazo.com/8cb58eca78484337fe82dbb6e8a85162 ここから ・no-repeatは必要か。先に画像のpropertyがあれば理解できますけど ・background-origin: content-box;はどういうことでしょうか ・padding35とは どなたか教えてください

    • ベストアンサー
    • nada
    • CSS
    • 回答数2
  • Backgrounds3

    Edit https://gyazo.com/bc3cc9030d9324683340ba4882be3380 Correct https://gyazo.com/6892c3f113603145bbe6b3cfca6f789b EditとCorrectともあるのですが、no-repeat center center fixed;とはどういうことですか Correctにあるのですが、 background-size:cover;は前のbackgroundを上書きしているのですか

    • 締切済み
    • nada
    • CSS
    • 回答数2
  • Background2

    https://gyazo.com/59efd094c98cb3f71816c45fa0a66073 上の画像から background-repeat: no-repeat; というコードですが、最初に画像のコードであれば、このコードはいらないのではないでしょうか

    • ベストアンサー
    • nada
    • CSS
    • 回答数1
  • ワードプレスのデザインについて質問です。

    ワードプレスのデザインについて質問です。 ページからデザインを直接編集する方法はないでしょうか? 最初でクロームのデペロッパーツールから試みたのですが、 保存がうまくできず躓いたので、 同様にデザインを直接編集できるプラグインを探しています。 cssを直接編集すればよいとは思いますが、 素人なので、簡単にできる方法はないのかと模索しています。 素人質問で恐縮ですが、よろしくお願いいたします。

    • ベストアンサー
    • sattack
    • CSS
    • 回答数1
  • リセットCSSがきかない

    コーデイング超初心者です。 HTMLとCSSでWEBサイトを作成していて、 リセットCSSをコピペしたのですがきいていないようで、 Chromeでは綺麗に反映されるのですがそれ以外のブラウザでは位置がずれて表示されます。 YUI3やEric Meyer Reset CSS、HTML5 Doctor CSS Resetを使用しましたが 全部ダメでした。 リセットCSSはサイトに書かれているコードをコピペして貼るだけで使用できるんですよね?? HTMLのheadの方に何か書き込まなきゃいけないんでしょうか?? また、きかない場合どうすればいいでしょうか??

    • 締切済み
    • noname#237335
    • CSS
    • 回答数3