CSS

チャットボットを作成し、メッセージを交互にやり取りするプログラムを書き、そのcssで端が丸くなるように設定しました。 その結果画像のように全体で丸くなってしまいました。 LINEのテキストの様にテキスト一つずつに囲いをつけたいです。 どうしたらいいでしょうか？

http://shinsama1980.web.fc2.com/jishin2303.htm このＨＰの「令和５年春場所自信一番集計表」の下にある表の上５行と左２列を固定したのですが、 縦方向にスクロールさせると左２列のセルが上５行の部分に行った時に最前面に表示させたい左上の３セルよりも前面に移動されてしまいます。 左２列を縦スクロールさせても左上３セルよりも下に表示されるようにするにはどうすれば良いのでしょうか？ Ｐ．Ｓ 当方はＣＳＳについてはズブの素人ですので、 回答される方はＨＴＭＬやＣＳＳをなるべく具体的に書いていただけると幸いです。 何卒宜しくお願い致します。

はてなブログで大見出しのデザインを変えたくて .entry-content h3 { padding: 4px 10px; color: #111; background-color: #f0f0f0; border-left: 8px solid #2d70a4; } これをコピペしてCSSに貼り付けました。 しかし…文字が黒になって、もう少し小さくなるはずなんですがどこを直したらいいんでしょうか？ このサイトをお手本にしてます。 https://dearbrother.hatenablog.com/entry/blog-midashi

ブログにgoogleカレンダーを埋め込んだのですが、文字サイズがとても小さくて予定が見にくくて困っています。 埋め込みコードのiframeの中に文字サイズに関する記述はなく、自分でstyle="font-size:30px;"などを書き加えても変化なしでした。widthやheightの数値は自分で書き換えればその通りに変化しました。 文字サイズを変える方法はないのでしょうか？

noteというサービスに公開されている記事について、 既に読んだ記事が分かるように既リンクの色を変えたい（a:visited） と思っています。（現状はリンクを踏んでも変わりません。） stylusというCSSのChromeアドオンを使って実現しようとしています。 HTMLの構成を見てみると下記のように、 タイトルと本文がaタグの外にいる状態なのですが、 このような構成で既リンクのタイトル（もしくは本文）の文字色を 変えたい場合はどのようなCSSを記述したら良いでしょうか。 分かる方居られましたら宜しくお願いいたします。 既読が分かるようになれば、stylusを使う以外の方法でも結構なので、 何かやり方知っている方居られたらご教授お願いいたします。 <div> <a class="link"></a> <div></div> <div> <div> ::before <div></div> <h3 class="title">タイトル</h3> <p class="main">本文</p> <div></div> ::after </div> </div> </div>

下記サイトの表組上部の緑の部分をヘッダー、下部の黄緑の部分をフッターとして固定するにはどうすればよいのでしょうか？ http://shinsama1980.web.fc2.com/katsufutaba-data.htm 至急宜しくお願い致します。

カラーミーショップを利用しています。 「スライドショーの設定」を利用し、画像をアップしますと、画像に外枠とシャドーが付きます。 これを消して写真のみにしたいので「bxSliderの外枠を消す」等を検索しましたら、下記のコードを見つけたので、共通CSSのトップページの項目の所にコピペしてみたのですが、枠が消えず、うんともすんともなりません。 .bx-wrapper { background-color: transparent; margin: 0px auto; border: none; box-shadow: none; } .bx-wrapper img { display: block; margin: 0px auto; } 独学で、必要な箇所だけ調べてサイトをカスタマイズしているので、基本が全くなっていません。 今日1日ずっとトライしているのですが、全然出来ないので、情けないやら、悲しくなって来ました。 解決方法をご存知の方がいらしたら、教えて頂けますか。 すみません、どうぞよろしくお願いします。 因みに、HTMLは下記コードです。 <{if $slideshow_html}> <div class="slider"> <{$slideshow_html}> </div> <script type="text/javascript"> //<![CDATA[ $(function(){ $('#slider').bxSlider({ auto: true, pause: 2000, speed: 1000, controls: false, captions: true, mode: 'fade' }); }); //]]> </script> <{/if}>

https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css このような長いURLにはどんな意味があってどこで入手できるのですか？

https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css このコードはどうやって作成されたのですか？

head内にURLに格納されたcssがあるのですが、htmlファイルをブラウザに読み込ませてもそのcssが反映されません。htmlだけが映ります。どうしたらcssを反映させられるでしょうか

Chromeでstylusという拡張機能を使って、 既リンクの場合に色をつけたい（CSSを上書きしたい）と思っています。 つけたいのがnoteというページの記事一覧で、HTMLは添付画像のような構造になっています 既リンクとなった際に色をかえたいのは、h3が指定されている「タイトル」の文字の色です。（もし無理なら「本文」） a:visited {color: #FFEEFF !important ;} a:visited h3 {color: #FFEEFF !important ;} a:visited div {color: #FFEEFF !important ;} a:visited div h3 {color: #FFEEFF !important ;} みたいな感じ指定してみたのですが、どの形でも、タイトルの文字色は変わりませんでした。（aタグとh3タグが別の層にあるから？） 他のサイトでは上手くいっているので、stylus自体は正常に動いていると思います。 CSSを理解しておらず、指定の仕方がおかしいからだと思うので、どのように指定したら良いか、分かる方居られましたら教えて頂けますでしょうか。 宜しくお願いいたします。

レスポンシブサイトでヘッダー画像の調節をしたいのですが なぜかPCとスマホでヘッダー画像の表示が異なります 同じように表示するにはどうすればいいでしょうか？ 参考用ですが、こちらは同じように表示されています https://f-tpl.com/tpl_096/ 添付画像は上がPCで下がスマホです このように半分しか表示されず、PCのものを縮小して表示させられません

レスポンシブサイトを作っているのですが、スマホで見るとヘッダー画像がPCと同じになりません。 どうしたらPCとスマホのヘッダー画像を同じ位置やサイズで表示できますか？

wordpress初心者です。 テーマはLightningを使ってます。 ヘッダーのタイトルの下にサブタイトルを追加したいのですが、 やり方をご存じの方、ご教授をお願い致します。

<p></p> この中が２文字だったら ◯　◯ （間に全角スペース分） ３文字だったら ◯◯◯ と表示するCSSはどうすればいいですか？

submit imageで画像を送信ボタンにしたら画像のサイズ変更が出来なくなってしまいました。これを変更したいです 以下ソース ===php=== <form action="detail.php"> echo '<input type="image" src="./画像/', $row["id"], '.png" class="product-img" '; ===css=== img.product-img{ width: 260px; height: 300px; }

SNSボタンを作ってスクロールすると、ヘッダー（オレンジのところ）の上にリンクが重なってしまうのでスクロールするとヘッダーの下に行くようにする方法を教えて下さい。 SNSボタン→ https://kagesai.net/sns-follow-button-design/　

cssが読み込みができません

表示領域から溢れた際の省略表示の方法についてです。 対象は１行です。 overflowしている場合に、三点リーダーを使って省略表示がしたいです。 CSSで、 overflow: hidden; text-overflow: ellipsis; を使うと、溢れた際に後ろに三点リーダーがつきますが、 三点リーダーの前に表示する文字数を制限したいです。 例えば以下の文言を表示した場合に、 「あいうえおかきくけこさしすせそ」 上記のCSSを適用して 「あいうえおかきくけこ...」と表示されるものを、 三点リーダーの前は３文字として 「あいう...」という表示にしたいです。 こういった三点リーダーの前の文字数を制限する方法ってありますでしょうか？

ほぼタイトル通りなんですが、CSSで指定したレスポンシブがプレビューでは反映されているのに、サーバーにアップロードしてウェブ上では反映されてないので、何か解決方法を知ってる方ご教授お願いします。