回答数
気になる
-
HTML 、 CSS ではみ出る線の表現
添付画像のように、 CSS で、はみ出た線を表現出来ますか ? 画像の線はゆらゆらしてますが、真っ直ぐの線と考えてください。 詳しい方、教えてください。
質問日時: 2022/11/16 10:51 質問者: i-d-a-i
ベストアンサー
2
0
-
WEBサイト 画像の直接リンクについて
とあるサイトのバナーを貼って下さいと各所にお願いしています。 年度でデータの更新が行われるので、データが替わるたびにバナーを差し替えて下さいとお願いしているのですが、なかなか徹底されません。 年度が替わっても使いまわせるデザインのバナーにすることも考えていますが、いっそのことバナーの画像を提供するのではなく、バナーの直接リンクをお願いしようかとも考えていますが、やらない方がいいでしょうか。 一昔前はサーバに負荷がかかる等の理由で、画像の直接リンクは外道扱いされていたものですが、最近はどうなのでしょう。
質問日時: 2022/11/16 10:41 質問者: bari_saku
解決済
1
0
-
htmltとcssの連携をして画像縮小について
htmlとcssを連結させて画像縮小させたいのですがうまくいきません ご教授お願いします htmlのコードがこれになります DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>トップページ </title> <link rel="stylesheet" href="css/style.css"> <body> <h1>魚が好きだ 好魚会 </h1> <h2> 好魚会のHpへようこそ </h2> <img src="img/tsukiji.jpg"alt="築地市場" class="exam"> <p> 今日は魚の本場の築地まで足を運びました <a href="https://www.tsukiji.or.jp/">築地のHP</a> </p> <p>今日の築地探索場所リスト</p> <ul> <li> 築地場外市場 </li> <li>魚竹(魚介料理専門店) </li> <li> 銀座キャピタル(宿屋)</li> </ul> そしてcssのコードがこれです @charset "utf-8"; h1{ color: aqua; font-size: 40px; } h2{ background-color: darkgreen; font-size: 20px; color: aliceblue; } img.exem { width:25%; height:12px; } 色などは変化したのですが画像の縮小だけはうまくいかず困ってます 解決方法があればお願いします。
質問日時: 2022/11/15 20:32 質問者: うるき
ベストアンサー
1
1
-
エクセルのファイルのダウンロード 前にアップしたファイルがダウンロードされる
私のホームページにエクセルのファイルをアップしてあって そのファイルを更新して再びアップロードしても エクセルのファイルのダウンロードを改めてしても 前にアップしたファイルがダウンロードされる のですがなぜでしょうか? ダウンロードしたときのファイルのURLは https://view.officeapps.live.com/op/view.aspx?src=http%3A%2F%2Fcadconv.world.coocan.jp%2Fgfs%2Fcal2022.xlsx&wdOrigin=BROWSELINK となります。 これは見ればわかるかもしれませんがアップした先のURLではありません。 http://cadconv.world.coocan.jp/gfs/cal2022.xlsx をダウンロードしたいです。 OS:Windows11 ブラウザ:Microsoft Edge は最新です。 とのこと 別のところに保存されるのか? 何が起きているのかわかりませんが よろしくお願いします。
質問日時: 2022/11/13 13:02 質問者: LHS07
解決済
1
0
-
吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな
吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用になっているのですが、右側にアイコンを使用する形の吹き出しスタイスシートにしていただけないでしょうか? 自分でいじったのですが、吹き出しの口の部分の◁が▶にならなかったりと困っております。 お忙しいとは思いますが、どこをいじればいいのか教えていただけないでしょうか? 何卒、よろしくおねがいいたします。 スタイルシートの参考記事は下記になります。 https://saruwakakun.com/html-css/reference/speech-bubble ●HTML <!--吹き出しはじまり--> <div class="balloon5"> <div class="faceicon"> ★ここに画像を入れる <img~>★ </div> <div class="chatting"> <div class="says"> <p>★文章を入れる★</p> </div> </div> </div> <!--吹き出し終わり--> ●スタイルシートについて .balloon5 { width: 100%; margin: 1.5em 0; overflow: hidden; } .balloon5 .faceicon { float: left; margin-right: -90px; width: 80px; } .balloon5 .faceicon img{ width: 100%; height: auto; border: solid 3px #d7ebfe; border-radius: 50%; } .balloon5 .chatting { width: 100%; } .says { display: inline-block; position: relative; margin: 5px 0 0 105px; padding: 17px 13px; border-radius: 12px; background: #d7ebfe; } .says:after { content: ""; display: inline-block; position: absolute; top: 18px; left: -24px; border: 12px solid transparent; border-right: 12px solid #d7ebfe; } .says p { margin: 0; padding: 0;
質問日時: 2022/11/12 17:55 質問者: トン子トン子トン子
ベストアンサー
1
0
-
自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます
ご指導お願いしますぅ 昔に自分のHPにYouTube動画を貼ってました。 以前はちゃんと写ってたのに数年ぶりに見ると表示されなくなってました。 タグはYouTubeから共有→埋め込みタグで <body> <table border="1"> <tr> <td><iframe width="560" height="315" src="https://www.youtube.com/embed/JmcA9LIIXWw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></td> </tr> </table> </body> </html> -------------------------------------------------------------------------------------- これで合ってるはずなのですが、動画が写りません・・ YouTubeの方で最近に規制か何かあったのでしょうか?
質問日時: 2022/11/11 10:44 質問者: kyoto-night
解決済
1
0
-
Web font 会社のホームページを作成についてですが、webフォントを使用することを検討しており
Web font 会社のホームページを作成についてですが、webフォントを使用することを検討しております。 現段階、Noto Sans JP と源ノ角ゴシックを検討しています。 Web font 使用する際に、一つ指定しますか?それとも、複数指定が一般的ですか? また、外資のため、元々の英語のページがあり、英語は英語ページのフォントを使用し、日本語は日本語フォントを指定しようと思っていて、いかがでしょうか? そんなことをしない方がいいでしょうか?
質問日時: 2022/11/04 10:36 質問者: htaccess_sss
ベストアンサー
4
0
-
サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h
サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/html-css/reference/speech-bubble (↑のスタイルシートが使いたいです。) 質問は ★ここに画像を入れる <img~>★ と、上記のように書かれていますが、実際どんな風に画像をアドレスを記載になるのでしょうか? 具体的に教えていただけないでしょうか? 例えば画像アドレスが下記の場合、 https://kuruma.com/wp-content/uploads/2022/10/deffencera_firsttime_01.jpg 入力は下記のようにすればいいでしょうか? <!--吹き出しはじまり--><div class="balloon5"><div class="faceicon">https://kuruma.com/wp-content/uploads/2022/10/deffencera_firsttime_01.jpg <img~>★ </div><div class="chatting"><div class="says"><p>★文章を入れる★</p></div></div></div><!--吹き出し終わり-->また<img~>★の ★は削除しなくても大丈夫でしょうか? ------------------------------------------- サルワカさんで記載された元のスタイルシートは下記になります。 <!--吹き出しはじまり--><div class="balloon5"><div class="faceicon">★ここに画像を入れる <img~>★ </div><div class="chatting"><div class="says"><p>★文章を入れる★</p></div></div></div><!--吹き出し終わり-->
質問日時: 2022/10/28 22:55 質問者: トン子トン子トン子
ベストアンサー
2
0
-
htmlで画面遷移させたい
html初心者です。 一つのテキストエディタで処理させたいです。 ログインというページの送信ボタンを押したら データ一覧の画面が遷移されるようにしたいです。 〈title〉ログイン〈/title〉 内容 〈button onclick href='#data_list'〉送信〈/button〉 〈id='data_list'〉 〈title〉データ一覧〈/title〉 内容 idの使い方が間違えているのでしょうか。 お教えいただきたいです。
質問日時: 2022/10/28 18:19 質問者: ぷりぷりん
解決済
1
1
-
写真をたくさん乗せるには?共有とか
こんにちは 不用品いっぱいあり、写真もたくさんあります。 ネットで知り合った人にそれらの写真を見せたいので ウェブにまとめて公開したいのですがいい方法ありますかね? expression web使ってて以前まとめて写真載せたような気がしますがやり方忘れました^o^; googleフォトも使ってみたのですが、誰でもすぐそれらの写真見れるわけじゃなくひとりひとり設定するの面倒そうだと思いました。関係ない写真見られる不安もありますし
質問日時: 2022/10/28 11:14 質問者: takeyabeer
解決済
2
0
-
依頼したWEBサイトの修正に追加料金がかかる
WEBサイト作成会社にサイト作成を依頼して、サンプルページが送られてきたのですが、当初いただいたデザイン通りでもなく(余白が広かったり狭かったり、リンクボタンのサイズが全然違ったり素人目に見てもバラバラしてる)、スマホで閲覧すると文字と図が小さすぎたり変なところで改行していたりで非常に見づらいサイトになっていました。 なので、当初のデザイン通りに作成して欲しいこと、スマホから見ると画像が潰れて見えない事、文字が小さすぎて読みづらい等、社内で検討した内容を依頼先に送りました。 すると、リンク先の設定間違い以外は、最初の契約での修正回数を超えるので別途料金が追加になると言われました。 これって作成側の落ち度だと思うのですが、別途料金が発生する修正内容なんですか? 確かに最初に「デザイン通りの仕上がりにならないことがあります」とは言われましたが、あまりにあまりな仕上がりです。 相手が悪い場合、どのように伝えたらいいでしょうか。
質問日時: 2022/10/24 09:31 質問者: まくまく7
ベストアンサー
10
1
-
htmlで質問です。 下記の文言を条件にならって画面ヘッダー下に入れたいのですが、どのように作成した
htmlで質問です。 下記の文言を条件にならって画面ヘッダー下に入れたいのですが、どのように作成したら良いでしょうか。 カラー指定等はタグに埋める感じで作りたいです。 テスト あああ いいい ううう えええええええええええええええええええええ おおおおおおおおおおおおおおおおおおおおお ■条件 共通 ・背景色:黄色 テスト ・フォントサイズ:20 ・中央揃い あああ〜ううう ・フォントサイズ:18 えええ ・フォントサイズ:16 おおお ・フォントサイズ:14 ・フォントカラー:赤
質問日時: 2022/10/19 08:54 質問者: piraniaman
ベストアンサー
3
0
-
有料?
下のURLに貼ってあるものは有料で画面録画や編集ができるものですか? また有料ならば画面録画ができる無料のものは何がありますか? https://dc.wondershare.jp/screen-recorder/how-to-use-shadow-play-to-recorder.html?utm_source=yahoo&utm_medium=cpc&utm_campaign=DemoCreator&yclid=YSS.1001084952.EAIaIQobChMI5O6Ct5Pn-gIVwb2WCh1ZjAeFEAAYASAAEgKtCPD_BwE 回答お願いします。
質問日時: 2022/10/17 20:46 質問者: i05
解決済
1
1
-
【CSS】特定のリンクを含むaタグを指定できるかどうか?
<a href="https://hogehoge.com/tag/aaabbbccc" class="test"></a> もちろんa.testで指定できることは分かるのですが、例えば上記のタグの場合に、/tag/を含むaリンクを指定するということはCSSで実現できないでしょうか?div[class*=”xxx-“]のような感じで・・・。 プラグインの出力の結果で、display:noneで消したい出力も同じclassで指定されているためどうにかしたいというのが理由です。
質問日時: 2022/10/15 02:45 質問者: nukokok
解決済
3
0
-
CSSでiframe要素の編集
GoogleカレンダーをWEBサイトに埋め込みました。 表示を微調整したく、スタイルシートに frame { margin: 0px 0px 0px 20px; } と書き込みました。 Edgeでは希望の位置に表示するのですが、 Firefoxで移動してくれません。 同じように表示させたいのですが、どうすれば...
質問日時: 2022/10/09 20:53 質問者: ooommmooo
解決済
2
0
-
アドバイスを下さい。
アドバイスを下さい。 現在、会議室予約システムを機能を作ろうとしています。 gogleカレンダーをお手本にしているのですが 自作のカレンダーに時間を選択するとテーブルのセルの色が 変わるようにしていますがそこに文章を書きたいのですが セルを結合するのが簡単なのでしょうか? Googleカレンダーの様な綺麗なレイアウトにしたいです。 どう実現すればいいかアドバイスを下さい。 JQueryのこれを使うといいよとか何んでもいいのでアドバイス下さい セルの結合だと現在javascriptにて選択セルの位置を取得しているので 結合するとセルの数が変わりうまくいかなくなるというおバカなエンジニアです。
質問日時: 2022/10/08 01:18 質問者: 39OK
解決済
1
1
-
HTMLの・要素・属性・属性値 はプログラム言語の「変数」みたいに変更できますか?
HTMLの・要素・属性・属性値の概念が調べてもよく分かりません。 分かり切った書き方でしかされていません。 プログラミング言語では変数は自分なりに「あだ名」みたいに 「文字の頭に数使用は不可」など決められた範囲であれば無 数に作ることができます。 それでは htmlの・要素・属性・属性値 はあらかじめプログラミングの 概念からして、関数みたいに 決まったいて 自分で勝手に 文字を作ったり、変更などできないのでしょうか? いわば 約束された、文字なのでしょうか? よろしくお願いいたします。
質問日時: 2022/10/04 05:27 質問者: Campus2
ベストアンサー
5
0
-
私の能力からして間違っていないような気がします。
https://rakko.tools/tools/58/ のサイトに HTML5バリデーター HTMLの構文エラーまたはフォーマットエラーをチェックする があります。そのサイトで以下のコードをチェックすると! 1) と 2) の行が構文エラーがあると出ました。 私の能力からして間違っていないような気がします。 何処が間違っているのでしょうか? 宜しくお願い致します。 1) <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1-transitional.dtd"> <html> <head> <title>ひとこと掲示板</title> </head> <body> <h1>ひとこと掲示板</h1> <form action="bbs.php" method="post"> 2) 名前: <input type="text name="name" /><br /> ひとこと: <input type="text" name="comment" size="60" /><br /> <input type="submit" name="submit" value="送信" /> </form> </body> </html>
質問日時: 2022/09/30 13:24 質問者: Campus2
ベストアンサー
4
0
-
解決済
10
0
-
WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか?
概要 WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 詳細 WEBサイトを作る際、まあ、普通に考えたら 「ワープロソフトで絵や図入りの印刷物を作るときみたいに、 パソコン画面上でみたまんまの画像になるように、 数字やら文字やら写真をペタペタ配置するんじゃないの?」 と考えるでしょう。いわゆる、Windows時代になってからの主流の考え方「WYSIWYG」ってやつですね まあ、個人が作成する「我が家のホームページ」みたいなWEBサイトならそれでもいいでしょう。 しかし、現在、WEBサイトを作るとなったらそうはいかない点があります。 それは前述の「我が家のホームページ」みたいなやり方をしていたら、サイト内のデータの変更の際に毎回、わざわざWEBデザインソフトを引っ張り出す必要があるからです。 そのデメリットは以下のようになるでしょう 1 データの変更だけを行うことができない 2 1と絡むがデータの変更をリアルタイムに行うことができない。元データに変更があった場合、わざわざ変更データを基に、WEBサイト上のデータを変更せねばならない。 具体的言えば、経理・販売システムなどと連動して、それらの数値に変更があったら、WEBサイト上の数値が自動的に変更される、などの処理ができない 3 WEBサイトのデザイン上に、数値データ、画像データなどが「入り込んで」いるので、WEBサイトのデザインの変更を行う際は、数値データ、画像データなどを誤って書き換えたりしないように気を使う必要がある。あるいは複数のWEBデザインで共通のデータを使いまわすことができない。 こういったデメリットを回避するためにはデータとWEBデザインを分離して、 1 WEBデザイン上には具体的なデータは保持せず、変数などに置き換える 2 データはデータで独立して別個に保持する 3 データに変更があった場合はデータのみを更新する 4 3が発生したときにはWEBデザイン側は何も手を加えなくても、新しいデータを表示することができる 5 1-4によって、一つのデータを複数のWEBデザインで使いまわすことができる といったようにする必要があります。 ここまで来て、専門家の皆さんは 「はあ? だからどうしたの? そんなこと、もうずいぶん前からとっくにやってますけど」 と思われると思います。 別に私は 「これからのWEB界は、データとデザインは別個に独立すべきだ! どうだ! 画期的なやり方だろう!」 などというつもりはありません。もう、すでにやっていることはわかっていますので。 私が質問したいのは、 「ここまで(皆さん先刻承知の内容であることは十分承知ですけど)説明した、このような考え方、というのはWEB業界ではひとことで何と表現されるやり方でしょうか?」 ということです。 WEB関係の情報を一通りさらってみましたが、見つけることができませんでした。 ある意味、常識すぎることでいまさら 「このような考え方を、WEB業界では”なになに”と表現します」 なんて説明するほどものじゃないために見つからなかったのだと思いますが・・・ 専門家の皆様、このやり方の業界用語を教えてください。 ご注意) 「ああ、それって、とあるWEBサイトにアクセスがあった場合に、 アクセスしたデバイス、即ちパソコン、スマホ、ガラケー、タブレットごとに それぞれに適したデザインのWEBサイトを自動表示する、って手法でしょ?」 とお答えになる方がいらっしゃると思いますが、それとは別のお話です。
質問日時: 2022/09/27 09:16 質問者: s_end
解決済
8
0
-
HTMLの条件によって表示方向が切り替わる実装のコードを教えて下さい。 (コードは下記リンクを参照)
HTMLの条件によって表示方向が切り替わる実装のコードを教えて下さい。 (コードは下記リンクを参照) 【実装したいこと】 ・要素①が表示されている時…要素②を表示する ・要素①が表示されていない時…要素②を非表示にする HTML初心者です。 宜しくお願い致します。 https://docs.google.com/document/d/e/2PACX-1vS3jN0ooy0p1A3Eya8YxuC1815ES84LXR8Qfsad8tyaBvy3vru_IiZx2cunih3siNPn2QtWB4hHQxBa/pub
質問日時: 2022/09/25 14:35 質問者: erina_812
ベストアンサー
1
0
-
HTMLのテーブル
1行3列あって1列目だけ折り返しせずに幅を自動調整、 残りの2列は折り返しして幅を自動調整したいのですが、 HTMLまたはCSSを教えてほしいです。 |1折り返ししない・幅は自動調整|2折り返しする・幅は自動調整|3折り返しする・幅は自動調整|
質問日時: 2022/09/25 01:01 質問者: ぽち101
解決済
2
1
-
flex の各子要素を横幅 100% にしたい
スライダーです。 どうしても 2 つの子要素が画面内に表示されますが、 各子要素を横幅 100% の画像が表示されるスライダーにしたいです。 わかる方、教えてください。よろしくお願いします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> img { width: 100%; } .slides { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; } .slides > .slide__item { scroll-snap-align: start; } </style> </head> <body> <div class="slides"> <div class="slide__item"> <img src="" alt=""> </div> <div class="slide__item"> <img src="" alt=""> </div> </div> </body> </html>
質問日時: 2022/09/22 21:25 質問者: i-d-a-i
ベストアンサー
1
0
-
インクルードした要素がヘッダーにかぶってしまう
ワードプレスの固定ページで、フレックスボックスをたて並びにしてヘッダー固定のレイアウトを作っています。 編集の利便性のために、別ファイルのphpを合間にインクルードして表示しているのですが、その部分のみヘッダー(potision:sticky)の上に重なって表示されてしまいます。(見た感じはz-indexで上に重なっているような感じです) これは何が起きているのでしょうか? 該当部分に何か指定をいれることで解消しますか??
質問日時: 2022/09/13 17:35 質問者: わかりません。。
ベストアンサー
3
0
-
リストの並べ替え
<div> <ul> <li>その1</li> <li>その2</li> <li>その3</li> </ul> </div> とあるときに、「今どのページにいるかによって」リストの順序を変更する方法はありますか? ・全部で3ページある ・この3項目が常に上部に表示されている ・「その2」のページにいるときは、その2を一番最初に表示したい ・「その3」のページにいるときは、その3を一番最初に表示したい リストの入れ替えをcssで指示することはできるのでしょうか?
質問日時: 2022/09/13 15:27 質問者: わかりません。。
ベストアンサー
1
0
-
HTMLとCSSについて
閲覧ありがとうございます。HTMLとCSSの初心者です。 htmlファイルとsccファイルを使って下記のように表示されるウェブサイトを作成したいのですが、 文字の周りの色のデザインがうまく作れません。どなたかご助言を頂けないでしょうか。 ご回答、おまちしております。 おはよう (←文字周辺は黄色) こんにちは (←文字周辺はピンク色) さようなら おやすみ (←特に設定はなし)
質問日時: 2022/09/12 15:46 質問者: ys0212
ベストアンサー
2
1
-
WEB上で文書のアイコンを配置する方法
会社の掲示板を担当しており、会社から「アップロードしたファイルの拡張子に合わせて、アイコンを表示するようにしてほしい」と言われました。 掲示板は無料の「concrete5」を使用しており、導入から3~4年経過していることもあり、CSSがどこにあるのかもよくわかっていない状況です。 都度HTMLに記述すれば可能であるのはわかるのですが、 利便性も考慮して条件設定などできないかを教えていただきたいです。 できれば、HTMLの記述だけで対応できると助かります。 (例:.pdfならPDFのアイコンを、.xlsxならExcelのアイコンを自動で反映) よろしくお願いいたします。
質問日時: 2022/09/03 13:01 質問者: まめだいふくとそら
解決済
2
3
-
HTML で使ってない CSSのクラスやID を消去してくれるツールはありませんか?
こんにちは HTML で使ってない CSSのクラスやID を消去してくれるツールはありませんか? 前に書いていたブログのHTML / CSS を使って書いているので無駄な部分がたくさんあります 無駄な部分を消去してアップしたいので... (「そのままにすればいい」などのコメントも通報いたします) 批判コメントは通報いたします
質問日時: 2022/08/25 18:07 質問者: lassy_main
ベストアンサー
2
2
-
htmlとpythonでプログラムの内容を共有する
htmlでtwitterのようなSNSを作る時、htmlの方とpythonの方をほとんど同じような内容にして、ツイートやアカウントなどをhtmlの方とpythonの方で共有?できるようにするにはどうすればいいですか? 明らかに日本語がおかしいので、日本語のおかしさのあまりわからない点があれば、回答にて指摘いただければ、補足いたします。
質問日時: 2022/08/24 15:37 質問者: sasa-emon
解決済
3
1
-
ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか
ブロックエディターを使ってサイトを作っています。 画像を挿入し、その画像にスタイルシートを付けたいと思っていますが上手く行きません。 画像を挿入した時は ------------------------------------------------------------------------------------- <!-- wp:image {"id":11697,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://aaaaaaaa.jpg" alt="" class="wp-image-11697"/></figure> <!-- /wp:image --> ------------------------------------------------------------------------------------- と言うソースになるので 「img src」 の間の部分に 「 class="test" 」を追記して ------------------------------------------------------------------------------------- <!-- wp:image {"id":11697,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img class="test" src="https://aaaaaaaa.jpg" alt="" class="wp-image-11697"/></figure> <!-- /wp:image --> ------------------------------------------------------------------------------------- にして保存しました。 そうすると実際のサイトを見るとスタイルシートが適用されるのですが 再度編集画面を見ると 「このブロックには、想定されていないか無効なコンテンツが含まれています。」 となってしまい、画像も薄くなっています。 「ブロックのリカバリーを施行」を押すと、元に戻るのですが 追記した「 class="test" 」のスタイルシートも消えてしまいます。 ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか?
質問日時: 2022/08/23 18:46 質問者: まぐろ20220108
解決済
1
0
-
HTML を自動で改行してくれるツール / 拡張機能 などありませんか?
こんにちは HTML を自動で改行してくれるツール / 拡張機能 などありませんか? 実はサイトのデータを軽くするため改行は消しているのですが サイトを改修するたび、改行してわかりやすくするのもめんどくさいので自動で開業するツールあれば 教えて下さい (追記) 誤:改行 正:改行し雛形を作る また、雛形はなくてもよいです ※批判コメントは通報いたします
質問日時: 2022/08/23 17:53 質問者: lassy_main
ベストアンサー
2
0
-
Webページを作るには、HTMLとCSSだけ出来れば大丈夫なのですか? JavaScriptのスキル
Webページを作るには、HTMLとCSSだけ出来れば大丈夫なのですか? JavaScriptのスキルが必要な場合ってどのような時なのでしょうか??
質問日時: 2022/08/21 15:28 質問者: piyonn1357
解決済
6
0
-
CSS上での計算を行うためのルールについて教えてください。
色々と調べてみるのですが、単位をまたいで?の計算方法についての明確なルールが見つからず、よくわからないままなので、お詳しい方アドバイスを頂けますと幸いです。 CSS上で計算を行う際に、 cal(計算式); を使って指定を行うと思うのですが、この計算式の中で単位を付ける付けないの仕組みが良くわからず悩んでおります。 例えば、 width:calc(50px * 20px - 5px); の様に単純な計算であれば、そのまま単位も含めた計算を書いて結果は、 95px の幅を算出できると思います。また、以下の様に、 width:calc(100% - 50px); などの場合にも、相対的に閲覧しているデバイスからの100%から50pxが引かれた幅が指定され、こちらも問題無いと思います。 ただ、私の中で問題となっているのは、例えば相対的な位置を計算したく、pxの指定から%を取得する際の指定方法が分かりません。 簡単ですが、以下の指定があった場合、この絶対指定の位置を相対指定に変える計算をCSS上で行う場合です。 ※今回#container 側の高さの相対化は無視して頂いて大丈夫です。 #container { position:relative; height:5000px; } #point { position:absolute; top:1500px; left:0; } <div id="container"> <div id="point">この位置を相対的に指定したい</div> </div> 計算としては、 1500px/5000px*100 = 30% が相対指定の際の設定になるかと思うのですが、これをCSS上で以下の様に指定しても、計算が反映されません。 #point { position:absolute; top:calc(1500px / 5000px * 100); ←この指定 top:calc(1500 / 5000 * 100); ←または、この指定 top:calc(1500px / 5000px * 100%); ←または、この指定 left:0; } しかしながら、これらの指定を以下の内容にすると正常に計算が反映されます。 top:calc(1500 / 5000 * 100%); なぜ、最初のpx分部の単位を削除することで正常に計算が行われるのでしょうか? 逆にpxという指定がない事で、単位に迷い、この方が正常に計算できなくなるような気がするのですが…。 この辺りの単位の付け方や、計算式のルールなどお詳しいからいらっしゃいましたら是非ともアドバイスをお願いいたします。 宜しくお願いいたします。
質問日時: 2022/08/15 14:43 質問者: oneday77
ベストアンサー
3
1
-
サイトのカテゴリーの表示名を教えてください。画像有り
画像を見てください 黒枠のような、カーソルが親カテゴリーに乗せたとき子カテゴリーが表示されるシステム。 このカテゴリー表示名を教えてください。
質問日時: 2022/08/10 02:09 質問者: godhappy
解決済
2
0
-
お金をあまりかけずにプログラミングを勉強する方法を教えてください。 こんにちは。 Webデザイン系の
お金をあまりかけずにプログラミングを勉強する方法を教えてください。 こんにちは。 Webデザイン系の勉強がしたいと思い、プロゲートでHTML・CSSを勉強しておりました。 初心者級をクリアしたところで課金が必要になり、なるべく無課金で勉強したいな。。と思っています。 1ヶ月ほどで一通りの基礎が習得出来るスケジュールで考えているのですが、オススメのサイト・本・勉強法などありますでしょうか?? ゴールとしてWebデザインを副業として行い、収入を増やしたいと思っています。
質問日時: 2022/08/05 03:22 質問者: つなまよと名乗ります。
解決済
3
0
-
HTML 要素について(初心者です)
画像はゲーム画面全体が1つの要素になっています。 各キャラクターごとの要素を調べたいのですがどうしたらできるでしょうか。 ブラウザゲームです。 このゲームのホームページはテキストや画像それぞれの要素を調べることができました。
質問日時: 2022/08/03 11:44 質問者: からあげ11
解決済
2
0
-
HTML、CSS、JavaScriptはプログラミング言語ですか?マークアップ言語とプログラミング言
HTML、CSS、JavaScriptはプログラミング言語ですか?マークアップ言語とプログラミング言語は別物ですか?
質問日時: 2022/07/31 13:54 質問者: かなぽーん
解決済
3
0
-
<a>リンクが飛ばない・・ パソコン初心者です 、本を見ながらHTMLで<a>でコードをかいたのです
<a>リンクが飛ばない・・ パソコン初心者です 、本を見ながらHTMLで<a>でコードをかいたのですがWebに表示されません、本に書いてある通りにスペルも何度も見直しましたがリンクが飛びません そして以下の表示が出てました↓ ☆【 このコンピューターが差出人に識別されることを予防するため画像がブロックされています画像を表示するには、このアイテムを開いて下さい。】 意味がわからなくて困っています! 対応策をご存知の詳しい方おられましたら教えてください。 よろしくお願いいたします。
質問日時: 2022/07/30 20:21 質問者: maricoon
ベストアンサー
6
0
-
docxをmht形式で保存したファイルをedgeで開くと文字化けする
docxファイルをmhtで保存してedgeで開くと文字化けします。 文字化けを防ぐ方法を教えて下さい。 ちなみに、chromeで開くと同様に文字化けします。 IEだと問題なく表示できますが、警告がうっとおしいのでなるべく使いたくありません。 (ローカル上にあるファイルを開くだけなので、問題ないと思うのですが) よろしくお願いします。
質問日時: 2022/07/29 13:14 質問者: bari_saku
解決済
1
0
-
HTMLソースの質問
ホームページビルダーで作ったHTMLソース <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="GENERATOR" content="JustSystems Homepage Builder Version 21.0.5.0 for Windows"> <title></title> <meta charset="UTF-8"> <meta name="GENERATOR" content="JustSystems Homepage Builder Version 21.0.5.0 for Windows"> </head> <body> <p><b>◆メーカー / 商品名</b><br> <br> RAYS / TE37SAGA SL<br> <br> <b>◆サイズ/インセット/PCD</b><br> <br> 17×8.5J +39 4H-100<br> <br> <b>◆カラー</b><br> <br> プレストグラファイト(PG)<br> <br> <b>◆ハブ径</b> <b>◆DRILL</b><br> <br> 65φ φ29-φ15<br> <br> <b>◆付属品<br> </b> バルブ、専用スポークステッカーセット(同梱)<br> <br> <b>◆備考<br> </b><br> <br> <b>◆対応車種</b><br> <br> <br> <b><font COLOR="#ff0000">※落札前に必ずお読みください。</font></b><br> <br> ■<b>送料</b><font COLOR="#ff0000"><b></b>(法人)</font> :3,000円 1本~3本<br> :4,000円 4本<br> <br> <font COLOR="#ff0000">(個人)</font> :4,000円 1本~4本<br> :5,000円 4本<br> <br> (北海道 沖縄 一部離島は商品により価格が変わりますのでお問い合わせください)<br> <br> <font COLOR="#ff0000">上記の価格と違う送料が表示されている場合は、購入後こちらで変更させていただきます。</font><br> <br> ■こちらに届いたお客様の情報に法人名が無い場合は、個人あての送料となります。<br> <b><font COLOR="#ff0000">お店の屋号がある場合は必ずお知らせください。</font></b><br> <br> ■商品は、当店在庫品ではありません。購入頂いてからメーカー発注とさせていただきます。<br> その場合、メーカー欠品、生産終了等も御座いますのお急ぎの場合は納期の確認をお願いします。</p> </body> </html> 上記のソースを 下記の様にエンターキーの改行を消したいのですが? <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="GENERATOR" content="JustSystems Homepage Builder Version 21.0.5.0 for Windows"> <title></title> <meta charset="UTF-8"> <meta name="GENERATOR" content="JustSystems Homepage Builder Version 21.0.5.0 for Windows"> </head> <body> <p><b>◆メーカー / 商品名</b><br> <br> RAYS / TE37SAGA SL<br> <br> <b>◆サイズ/インセット/PCD</b><br> <br> 17×7.5J +31 4H-100<br> <br> <b>◆カラー</b><br> <br> プレストグラファイト(PG)<br> <br> <b>◆ハブ径</b> <b>◆DRILL</b><br> <br> 65φ φ29-φ15<br> <br> <b>◆付属品<br> </b> バルブ、専用スポークステッカーセット(同梱)<br> <br> <b>◆備考<br> </b><br> <br> <b>◆対応車種</b><br> <br> <br> <b><font COLOR="#ff0000">※落札前に必ずお読みください。</font></b><br> <br> ■<b>送料</b><font COLOR="#ff0000"><b></b>(法人)</font> :3,000円 1本~3本<br> :4,000円 4本<br> <br> <font COLOR="#ff0000">(個人)</font> :4,000円 1本~4本<br> :5,000円 4本<br> <br> (北海道 沖縄 一部離島は商品により価格が変わりますのでお問い合わせください)<br> <br> <font COLOR="#ff0000">上記の価格と違う送料が表示されている場合は、購入後こちらで変更させていただきます。</font><br> <br> ■こちらに届いたお客様の情報に法人名が無い場合は、個人あての送料となります。<br> <b><font COLOR="#ff0000">お店の屋号がある場合は必ずお知らせください。</font></b><br> <br> ■商品は、当店在庫品ではありません。購入頂いてからメーカー発注とさせていただきます。<br> その場合、メーカー欠品、生産終了等も御座いますのお急ぎの場合は納期の確認をお願いします。</p> </body> </html> エクセルのセル内にHTMLソースを埋め込みアップロードする場合に、セル内に改行があるとエラーが出てしまうためです。 ※必要のない「改行」(<BR>ではなく、エンターキーの改行)は、削除ください。と書いてあります。 宜しくお願いします。
質問日時: 2022/07/28 13:29 質問者: 栗本
ベストアンサー
3
0
-
要素の幅をいろんな写真の幅に合わせたい。
仮にDiv領域として、画像とその説明文が入るとします。 画像の幅も説明文の文字数もバラバラだとします。 Div領域の幅を写真の幅に合わせ、文章の方は適宜自然に 改行されるようにしたいのですが、何かいい方法はないでしょうか。 width:fit-contentにすると、画像の横幅より文字の方が長くなると、 Div領域の幅が文字の長さに合わされてしまいます。 画像の幅がそろっていれば、その画像の幅でDiv領域の幅を決めればいいのですが、 画像の幅がいろいろあるので、それごとにClassやIDを多発するのも気が引けます。
質問日時: 2022/07/25 20:11 質問者: reachedduty
ベストアンサー
1
0
-
【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反
【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反映させると細長くなってしまいます。 横2:縦1の比率でスライドショーに乗せたいのですが、どのように変更すればいいのでしょうか? スライドショーは正常に動いてるので、画像変更に必要だと思われる部分だけ載せておきます。 【CSS】 img { width: 1200px; height: 600px; } .ss-image { width: auto; height: auto; padding: 0px; margin:0px; } <div class="swiper-wrapper"> <div class="swiper-slide"> <img class="ss-image" src="./images/aa.jpg"> </div> <div class="swiper-slide"> <img class="ss-image" src="./images/bb.jpg"> </div> <div class="swiper-slide"> <img class="ss-image" src="./images/cc.jpg"> </div> </div>
質問日時: 2022/07/16 13:57 質問者: あああああいうなたなま
解決済
5
1
-
使用しているプラグインの自動表記リンクを目立たなくする方法はありますか?
Wordpressでとあるプラグインを利用しているのですが、 (記事にプラグインで作ったデータをはめ込むタイプ) はめ込むとその下に自動でプラグインの名前と開発者のページリンクが表示されます。 無料で使わせていただいているので、表記されるのは構わないのですが、 はめ込んだ部分の下に自分でいくつかリンクをはっているものとぶつかってしまい、 ちょっとまぎらわしく、見にくい感じがしてしまいます。 一部のテキストリンクだけ色を変える方法がありますが、 自動で表示されるものなので適応が難しく、ひょっとしたら方法はないのかもしれません。 できたら、プラグインのテキストリンクだけ別の色にしたいのですが、 なにか方法はあるものなのでしょうか?
質問日時: 2022/07/15 19:00 質問者: haru-ranran
ベストアンサー
1
0
-
サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです
サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです。 会社のサイトが古い為、リニューアル予定です。 ヘッダー・フッターの外側は指定のテンプレートがあるのですが、コンテンツエリアのパーツに対するテンプレートがありません。 コンテンツエリアのパーツというのは、見出し、テーブル、リスト、画像やテキストを組み合わせ等のHTMLコードとCSS等の事です。 検索すればテンプレートはいくらでも出てきますが、ちゃんとした情報(各ブラウザに準拠してる、最新情報を掲載しているなど)を掲載している、サイトを作る上で参考にする事を推奨されるようなサイトがあれば知りたいです。 諸事情でWordPress等のcmsは使えません。 また、外注はできません…。 どうかよろしくお願い致します。
質問日時: 2022/07/13 22:15 質問者: 彩いろどり
ベストアンサー
1
0
-
解決済
2
0
-
VB.net コンボボックス
コンボボックスでドロップダウンボタンのとこだけ表示して(テキストのところは表示されたくない) ドロップダウンボタンを押したらリストがしっかり見えるように表示されるようにしたいのですがいい方法ありませんか。 コンボボックスのWidthを小さくしたらリストの幅も小さくなり見えなくなってしまって困ってます
質問日時: 2022/06/30 20:37 質問者: sige_417
ベストアンサー
2
1
-
全部のアクセスを指定したページに転送させたい
指定した配下のどこにアクセスしても、こちらで指定したページに全てのアクセスを転送させたいのですがどのようにしたら宜しいでしょうか?アドバイスを頂けますと助かります。 具体的には、このようなドメインとディレクトリ構成だった場合 https://example.com/hoge/ この/hoge/以降にアクセスがあった場合は全て、/hoge/にアクセスを転送させたいです。 https://example.com/hoge/a/b/c/ も https://example.com/hoge/xxx/info.php など、/hoge/配下へのアクセスは全て、/hoge/一か所に転送させたいです。 しかし、/hoge/ の上には自由にアクセスができる状態にしたいです。 https://example.com/ や https://example.com/aaa.html などへのアクセスはそのまま維持したいです。 このような設定は可能でしょうか? 調べてみますと、htacessというもので設定ができそうなのですが、記述方法が良くわからず…。 この方法以外でも構わないので、ご存知の方アドバイスを頂けないでしょうか。 宜しくお願いいたします。
質問日時: 2022/06/28 16:33 質問者: yuyukina
解決済
2
0
-
PrettierのHTMLの記述変更 linkタグ
お世話になります。 最近、HTMLの勉強を始めた者ですが、わからないことがありますので教えてください。 内容: 教科書どおりに、 <link rel="stylesheet" href="css/style.css" > と打ったのですが、formatterにPrettierを使用しており、セーブすると、 <link rel="stylesheet" href="css/style.css" /> と、"/"が最後の">"に入ってしまいます。 動作させると、それなりに動くのですが、間違いでしょうか、 また、もし、わかりますようであれば、これを直すPrettierの設定を教えて頂けないでしょうか。 以上、よろしくお願い致します。
質問日時: 2022/06/23 04:06 質問者: berkel
ベストアンサー
1
0
-
brにクラスをつけてcssでdisplay:none;としても改行されてしまいます
wordpressの投稿部分に <br class="brnone"> と記述し、 cssで .brnone { displat:none !important; } としているのですが、改行されて困っています。 同じページに <div class="brnone">test</div> としてやるとそこは非表示になっています。 どのようにやればいいか、どこをチェックすればいいかご教示お願いします。
質問日時: 2022/06/22 14:45 質問者: sakura393938
ベストアンサー
2
0
-
webサイトを作っているのですが、imgタグのurlのスラッシュ「/」を逆「\」にしてもちゃんとur
webサイトを作っているのですが、imgタグのurlのスラッシュ「/」を逆「\」にしてもちゃんとurlとして機能しています。これはどちらでもいいのでしょうか? 調べてもどこにも書いておらずモヤモヤと悩んでいます。 どなたか分かる方いたら教えてくださいm(_ _)m
質問日時: 2022/06/11 19:01 質問者: reo96319
解決済
2
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
【HTML・CSS】に関するコラム/記事
-
メダロット:第241話「Vol.241※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
賃貸で可能な古民家風レトロな部屋作りのコツ!改めて知る畳の高い機能性と魅力も紹介
生活スタイルが欧米化している昨今、和室よりも洋室の人気が高く、畳の需要が減ってきている。和風の民家が洋風にリノベーションされ売りに出されているのを目にしたことがある人も多いだろう。実際「教えて!goo」に...
-
メダロット:第240話「Vol.240※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
『保留にする勇気』を持つメリットとは?慣れない新環境で感じる気持ちのギャップ
春から新しい環境に身を置いている人も多いだろう。職場や学校に早く慣れ頑張りたいと思っていても、周囲と自分の気持ちにギャップがあり、ストレスを感じてしまうことがある。「教えて!goo」にも「保育士です。春か...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<!DOCTYPE html>あってますか?スペ...
-
<!DOCTYPE html>あってますか?スペ...
-
<!DOCTYPE html>あってますか?↑
-
テーブルの行を折りたたみたいので...
-
htmlの文字が縦書きになる
-
HTML入門でもう躓いてしまった。
-
アコーディオンメニューが思うよう...
-
goo は、放置?
-
パソコンのマイク機能
-
HTMLタグのあるCSVファイルを利用す...
-
WEBページを強制的に横画面で見るよ...
-
Duolingo のソースコードの名前、教...
-
、URL化させるにはどうしたらいいで...
-
CSSについて教えてください。 こち...
-
HTMLで画像をポップアップで表示す...
-
HTMLです 画像のように表せますか?...
-
12月のカレンダーを表すHTMLを教え...
-
css初心者 フレックスボックスの適...
-
HTML電卓で1文字消す方法
-
CSSのホバーエフェクト
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルのセルデータを自動改行さ...
-
goo は、放置?
-
htmlソース文の 各行 改行位置や行...
-
1つの「ホームページビルダー22」...
-
HPレイアウトが同じページのヘッダ...
-
CSS、Bootstrapについて container...
-
CSSについて教えてください。 こち...
-
静止画画像をクリックすると音楽が...
-
、URL化させるにはどうしたらいいで...
-
テーブルの行を折りたたみたいので...
-
css初心者 フレックスボックスの適...
-
WEBページを強制的に横画面で見るよ...
-
Webページのリンクの貼り方を教えて...
-
Duolingo のソースコードの名前、教...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネル、...
-
コードを書いて下さい( ; ; )写真...
-
HTMLで画像をポップアップで表示す...
-
角丸画像の背景色を透明にしたいです
おすすめ情報