回答数
気になる
-
<input>のstep属性に違反する入力をした時にエラーメッセージを表示させない事は可能か
お世話になります。 アクセシビリティ対策の一環として<input type="number">のstep属性を多用していたのですが、これに違反した入力をするとエラーが出る事を知りました。 例えば<input type="number" step="500" value="3000">円 とすると、500円刻みの値段を素早く入力できて便利なのですが、例えば3200などと入力した場合には、有効な値を入力してくださいとエラーが出てしまいます。 stepの仕様上、当然の挙動とは思いますが、このエラーを表示させない方法はありますか。 それともstepは入力値を制限するための属性なので、上記の3200などを許容したい場合にはstepは使うべきではないのですか。 しかしstepを使わないと3500を入力する手間が一気に増えて使いづらくなるので、どうすべきか考えている所です。 このような場合の先生方の方針を教えてください。
質問日時: 2023/02/16 04:11 質問者: zyousuke
ベストアンサー
2
0
-
CSS の疑問です
padding-top: calc(10 / 1000 * 100%); 上記を div タグに付けたとすると、 1000px の画面幅時 top に 10px パディングが付きます。 500px の画面幅時 top に 5px パディングが付きます。 どういう理屈なのでしょうか ? わかる方、教えてください。 よろしくお願いします。
質問日時: 2023/02/15 18:13 質問者: i-d-a-i
ベストアンサー
1
1
-
topやleftなど位置指定が無効になってしまう
このように、文字の位置指定をしても無効になってしまう原因は何が考えられますか?
質問日時: 2023/02/12 18:12 質問者: riribestwanko
ベストアンサー
1
0
-
VSコードでHTMLに(リンク)ファイル名をクリックしてもファイルが開かれない
VSコードを使用してWeb制作の勉強をしています。 以前は、HTMLコード内にリンク先ファイル名(やURL)を記載して それ(添付画像の青く囲った所)をクリックすると そのファイル(やサイト)が開かれたのですが、 今は、開かないです。 以前の様にクリックしたら開くようにしたいです。 改善方法を教えてください。
質問日時: 2023/02/12 07:52 質問者: yellow877
ベストアンサー
1
0
-
htmlとcssで吹き出しの中に文字を置きたいのですが、 html 〈div class bb〉 〈
htmlとcssで吹き出しの中に文字を置きたいのですが、 html 〈div class bb〉 〈img class ○○ src@@ alt##〉 〈p class ☆☆〉✖︎✖︎✖︎✖︎〈/p〉 〈/div〉 css ○○{position:relative;} ☆☆{position :absolute top:0 } で、下の図のようになってしまいます。 望む位置に訂正するにはどうすればいいですか? ちなみにtopの数値をどうしても文字の位置は変わらないんです。
質問日時: 2023/02/04 22:44 質問者: riribestwanko
解決済
3
0
-
VS.NETのコードを色合いも含めてHtmlに貼り付けたい。
質問タイトルの表現が違うかもしれません。意図をくみ取ってください。 VS.NETのコードは例えば、 For Each b As Button In Controls AddHandler b.Click, AddressOf Btn_Click Next 上述、For、Each、In,Nextは赤、AddHandler,AddressOfは青など コードは何行にもなるため、一字一句<p>等のタグで作成するのは大変です。コピペできれば最高です。よろしくお願いいたします。 HtmlはVSCodeで作成しています。
質問日時: 2023/02/02 14:15 質問者: nebokken
ベストアンサー
1
0
-
リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える?
よく、WEBサイトを相互紹介する際にお互いにリンクバナーを張り付ける、というのがあります。 相手のWEBサイト上の 「このリンクバナーをあなたのWEBサイトに貼ってくださいね。リンク先のURLは●●●●●●、でお願いします」 などと表示してあるところのバナーをコピーして、自分のWEBサイト上に掲示する、ってやつです。 この場合、バナー画像だけを提示しているWEBサイトとHTML言語の文字列を掲示する方式の場合とがあります。 この「HTML言語の文字列を掲示する方式」について質問します。 Q1 この形式でのリンクバナーの紹介方法は「HTMLタグ式でのリンクバナー提供」という呼び名で正しいでしょうか? 正式名称、あるいは正式名称ではないがおおよそすべてのWEB業界人に通じる用語を教えてください。 Q2 「HTML言語の文字列を掲示する方式」は私は使ったことが無いのですが、もしもこの方式で紹介するバナー画像について画像を変えた場合(例えば、色を赤地のものから青地の物に変えたとします)、 リンク先の バナーは自動的に赤地から青地に変わるのでしょうか? それともリンクバナーを作った時点の画像のまま、変化はないのでしょうか? Q3 Q2に類する質問ですが、 「HTML言語の文字列を掲示する方式」は私は使ったことが無いのですが、もしもこの方式で紹介するバナー画像について、バナーを置いてあるWEBサイト上の位置(WEBサイト名称)を変えたり、 WEBページ画像を置いてあるページの名称を変えた場合(例えば、2022link.htmlから2023link.htmlに変えたとします)、 リンク先のバナーは自動的に変わるのでしょうか? それともリンクバナーを作った時点の画像のまま、変化はないのでしょうか? リンクバナーに詳しい方、お願いします
質問日時: 2023/02/01 12:01 質問者: s_end
解決済
2
0
-
疑似要素で背景画像に指定したSVG画像の色変更
ある要素の::afterの背景画像として、SVG画像を指定しました。 ----- background-image: url( 'data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 31.2"><path d="M28,15.6,2,31.2,17.111,15.6,2,0Z" transform="translate(-2)" fill="white"/></svg>' ); ------ この"fill"の部分なのですが、「red」や「white」とすればきちんと表示されますが、「#ffffff」のようなカラーコードにすると表示されません。fillは普通にカラーコード指定できるかと思うのですが、なぜかわかる方いらっしゃいますでしょうか。 ご教授いただけると幸いです。 よろしくお願いします。
質問日時: 2023/01/30 22:45 質問者: sanaeeeee
ベストアンサー
2
0
-
pの改行時に上方向に改行されるのではなく、下方向に改行してほしい
<p>hogehogehogehoge</p>と記述時に、自動改行が入ると、上方向にずれてしまいます。 下方向にずらす為にはどのようなCSSが必要でしょうか。
質問日時: 2023/01/19 14:37 質問者: エビゾー
解決済
1
0
-
imgとpを縦・横に中央揃えする
下記のように画面いっぱいにしたHTMLをCSSを記述しています。 imgとpが横中央・縦中央にする為にはどのようにしたらよろしいでしょうか。 イメージ図を添付いたします。 どなたかご教授よろしくお願いいたします。 ■HTML <header> <div class="widthfull"> <img src="./img/logo.jpg"> <p>ほげほげ<br>ほげほげ<br>ほげほげ</p> </div> </header> ■CSS div.widthfull{ position: relative; width:100vw; margin-left:calc( ( 100% - 100vw ) / 2 ); min-height: 100vh; background-image:url(./img/bg.jpg) ; }
質問日時: 2023/01/17 11:30 質問者: エビゾー
ベストアンサー
1
0
-
HTMLとCSSを初心者ながらProgateというサイトで学んでいて、ある程度言語を初級、中級までは
HTMLとCSSを初心者ながらProgateというサイトで学んでいて、ある程度言語を初級、中級までは指示通りにはできているんですが、実際に書くとなるとまったくできません。どうすればできると思いますか?
質問日時: 2023/01/15 12:15 質問者: かわかわいい
解決済
3
0
-
ボタンを押した数だけ文字を表示して、折り返しもするには?
ボタンを押した数だけ、文字が表示されるようにしたいです。 さらに、画面の隅に来たら自動で折り返しするようにするにはどうしたらいいでしょうか? (例) りんごりんごりんごりんごりんごりんごりんごりんごりんごりんご… ------------ |りんご| -----------
質問日時: 2023/01/13 12:22 質問者: mochi002
ベストアンサー
1
0
-
img と p を縦中央に配置したいのですがうまくいきません。
お世話になっております。 imgとpを縦中央・横中央に配置したのですが、縦中央が何をしても効いてくれません。 どのように指定をしたらよろしいでしょうか。 ■HTMLソースコード <header> <div class="widthfull"> <div class="header_left"> <img src="./img/img_idea02.gif"> </div> <div class="header_right"> <p></p> </div> </div> </header> ■CSS div.widthfull{ position: relative; width:100vw; margin-left:calc( ( 100% - 100vw ) / 2 ); min-height: 100vh; background-color: white; text-align: center; } div.header_left{ width: 49%; display: inline-block; height: 100vh; background-color: blue; } div.header_right{ width: 49%; display: inline-block; height: 100vh; background-color: red; display: inline-block; vertical-align: top; } よろしくお願いいたします!!!!!
質問日時: 2023/01/12 14:38 質問者: エビゾー
解決済
2
0
-
下の画像で、タイトルの囲んでやるやつ、右が足りないんですよね?htmlです 引っ張ったときに右空いち
下の画像で、タイトルの囲んでやるやつ、右が足りないんですよね?htmlです 引っ張ったときに右空いちゃうのですが どうすればいいですか?教えてください 足したいです
質問日時: 2023/01/11 21:40 質問者: Wohinfahrensie
解決済
2
0
-
CSS のみのタブ切り替えについて
タブがオンになった時、 そのオンになったタブの下線部分だけを消したいのですが、 良い方法ありますか ? 教えてください。 よろしくお願いします。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> /* Tabs */ /*////////////////////////////////////////////// // タブ切り替え //////////////////////////////////////////////*/ /* ノーマライズ */ ul { list-style-type: none; margin-block-start: 0; margin-block-end: 0; padding-inline-start: 0; } /* タブ切り替えを制御するラジオボタンを非表示 */ .tab-btn { display:none; } .tab-list-wrap { /* タブ切り替えボタンを横並び */ display:flex; } .tab-list { box-sizing: border-box; display: block; width: 150px; color: rgba(var(--color-b), 1.0); font-weight: 700; text-align:center; margin-inline-start: 5px; padding-block-start: 7px; padding-block-end: 7px; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-radius: 4px 4px 0 0; background-image: linear-gradient( 0deg, rgba(238, 238, 238, 0.5), rgba(255, 255, 255, 1.0) ); cursor:pointer; } /* ボタンにチェックが入った時の色 */ #tab-btn1:checked ~ .tab-list-wrap #tab-list1, #tab-btn2:checked ~ .tab-list-wrap #tab-list2, #tab-btn3:checked ~ .tab-list-wrap #tab-list3, #tab-btn4:checked ~ .tab-list-wrap #tab-list4 { background: rgba(255, 255, 255, 1.0); } /*初期状態を非表示に*/ .tab-content { display: none; /* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 1.0); */ border: solid 1px #dddddd; } /* 対応するボタンにチェックが入ったときに表示 */ #tab-btn1:checked ~ .tab-content-wrap #tab-content1, #tab-btn2:checked ~ .tab-content-wrap #tab-content2, #tab-btn3:checked ~ .tab-content-wrap #tab-content3, #tab-btn4:checked ~ .tab-content-wrap #tab-content4 { display: block; } </style> </head> <body> <input id="tab-btn1" class="tab-btn" name="tab" type="radio" checked> <input id="tab-btn2" class="tab-btn" name="tab" type="radio"> <input id="tab-btn3" class="tab-btn" name="tab" type="radio"> <input id="tab-btn4" class="tab-btn" name="tab" type="radio"> <ul class="tab-list-wrap"> <li><label id="tab-list1" class="tab-list" for="tab-btn1">タブ 01</label></li> <li><label id="tab-list2" class="tab-list" for="tab-btn2">タブ 02</label></li> <li><label id="tab-list3" class="tab-list" for="tab-btn3">タブ 03</label></li> <li><label id="tab-list4" class="tab-list" for="tab-btn4">タブ 04</label></li> </ul> <div class="tab-content-wrap"> <div id="tab-content1" class="tab-content"> <span>タブ 01</span> </div> <div id="tab-content2" class="tab-content"> <span>タブ 02</span> </div> <div id="tab-content3" class="tab-content"> <span>タブ 03</span> </div> <div id="tab-content4" class="tab-content"> <span>タブ 04</span> </div> </div> </body> </html>
質問日時: 2023/01/11 16:47 質問者: i-d-a-i
ベストアンサー
1
0
-
htmlです3段組みわかりません こんな感じにタイトルは囲ってそれにして 左は一番空きが少なくて あ
htmlです3段組みわかりません こんな感じにタイトルは囲ってそれにして 左は一番空きが少なくて あいつと打ち込んで 真ん中が一番空きが多くて あいつ、わかる とそれぞれ打ち込み 右がどいつ わかると打ち込む こんな感じでいいんで教えてくださいお願いします!
質問日時: 2023/01/08 02:03 質問者: Wohinfahrensie
ベストアンサー
3
0
-
<!DOCTYPE html> <html> <head> <meta charset="utf-8
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>3段組の練習</title> <meta name="author" content="あ"> <style type="text/css"> <div style="padding: 10px; margin: 15px auto; color: #ffffff ; background: #ffffff none repeat scroll 0% 0%; border: 1px solid #ffffff ; box-shadow: 2px 2px 4px #ffffff ;">ここに文字を入れる。</div> で、 囲み線がうまくいきません 教えてくださいお願いします!
質問日時: 2023/01/05 01:04 質問者: Wohinfahrensie
解決済
2
0
-
ベストアンサー
10
0
-
htmlです 文字はタマで、 黒線で囲み 下と右は影を灰色ぽいのでつけて 右少しは赤く設定のやり方が
htmlです 文字はタマで、 黒線で囲み 下と右は影を灰色ぽいのでつけて 右少しは赤く設定のやり方が分かりません 教えてくださいお願いします
質問日時: 2023/01/03 16:03 質問者: Wohinfahrensie
解決済
1
0
-
htmlです 上と下を別々の色や別々の太さにしたいのに同じに連動していまします どうすれば別々になれ
htmlです 上と下を別々の色や別々の太さにしたいのに同じに連動していまします どうすれば別々になれますか?
質問日時: 2023/01/02 16:10 質問者: Wohinfahrensie
解決済
2
0
-
htmlです 画像のように 縦に並べるにはどうしたらいいですか? <div class="txt1"
htmlです 画像のように 縦に並べるにはどうしたらいいですか? <div class="txt1"> <del>♡はじめに</del></div> <div class="txt1"><del>♡はじめに[</del></div>| だと、横になります 教えてください
質問日時: 2023/01/02 15:38 質問者: Wohinfahrensie
解決済
1
0
-
htmlです。 上のところには黒文字でピカチュウで、ピカチュウの文字には影をすべてにつけてください周
htmlです。 上のところには黒文字でピカチュウで、ピカチュウの文字には影をすべてにつけてください周りは灰色ぽいので、囲み 分かりづらいけど左と上はちょっと濃い目で灰色でおおい、下と右は薄めで 左の右は緑で最初にをつけて緑で棒線を引いてください ちなみに3段組みという構成だと思います 真ん中は赤で大きめでテーマはと表します ピカチュウと同じくらいに赤で影をつけてください メソポタミア文明、エジプト文明を 超えるかもしれない. 地中海やナイルの恵みで生まれた エジプト文明とは異なり、フランス では文明を形成していた. いつかはこのように 大阪でもフランス語 を使われていくでしょう.石版に 共通化させていきます. このようにとなりにここではとかいて黒線で囲み右は赤で塗って 下から右だけを灰色の影をつけてください ついにという文字は大きく、 灰色で、色をお願いします このように私の推測では、人間社会は 宗教的性質を帯びる。 宗教は人間と不可分の関係をもつ. 意識の主体は、業会にもとずく. それと ↑これは、灰色の文字で外側?だけかいて中は白にしてください太く 宗教は超人的・超自然的な現象が 超人的・非人的・超自然的在存によって起こされると信ずるあり方. float: 流し込みは とても大変です. これは、CSSでとても 採用され ます. 属性:メッセージと考えられます. を右端に画像のように表したいです あと、float: はすこし黒で濃い目でちょっと太くお願いします属性:も同じくらいに 全体的に画像のようにお願いします 長くなりました、すいません 教えてくださいお願いします!
質問日時: 2023/01/02 12:48 質問者: Wohinfahrensie
解決済
1
0
-
cssが効かなくて困ってます
html <!DOCTYPE html> <html lang="jn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href=test2c.css"> </head> <body> <div class="container"> <div class="item-1">1</div> <div class="item-2">2</div> <div class="item-3">3</div> </div> </body> </html> CSS .container { height: 300px; width: 300px; background-color: crimson; } .item-1 { height: 100px; width: 100px; background-color: blue; } .item-2 { background-color: chartreuse; height: 100px; width: 100px; } .item-3 { background-color: darkcyan; width: 100px; height: 100px; } リンク先でcssファイルとリンクしてる事は確認しましたが cssが効かなくて困ってますご教授お願いします。
質問日時: 2023/01/01 23:57 質問者: うるき
ベストアンサー
1
0
-
htmlです。 色々打ち込んでたらつぎにの以下下が連動したのか、同じふうにテキストが変わってしまいま
htmlです。 色々打ち込んでたらつぎにの以下下が連動したのか、同じふうにテキストが変わってしまいました。 どうすればそれぞれ別々に元々のテキストを 分けて変えることをできますか?
質問日時: 2023/01/01 01:06 質問者: Wohinfahrensie
解決済
2
0
-
html/cssで要素が出てこなくて困ってます
htmlのコード <!DOCTYPE html> <html lang="jn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="13-14-15.css"> <title>Document</title> </head> <body> <div class="par"> <div id="child"></div> <div id="child"></div> <div id="tanin-oya"> <h3>親</h3> <div class="tanin-child"></div> <div class="tanin-child"></div> </div> </div> </div> </div> </body> </html> cssのコード .par{ height: 500px; background-color: aqua; display:flex; justify-content: center; } #child{ height: 100px; width: 100px; margin: 10px; background-color: orange; } #tanin-oya{ background-color:bisque; height: 200px; width: 200px; } #tanin-child{ height: 50px; width: 50px; margin: 10px; background-color: yellow; } これがcssコードです tanin-childの要素が出てこなくて困ってます、ご教授下さい
質問日時: 2022/12/31 16:59 質問者: うるき
ベストアンサー
1
0
-
htmlです。画像のように つぎにを表したいです。 灰色ぽくしたいのですが、 どうすればいいですか?
htmlです。画像のように つぎにを表したいです。 灰色ぽくしたいのですが、 どうすればいいですか?教えてくださいお願いします!
質問日時: 2022/12/30 01:43 質問者: Wohinfahrensie
ベストアンサー
3
0
-
CSSファイルの日本語コメントが文字化けしてしまう
他人が作ったCSSファイルを更新したいのですが、ファイルを開くと日本語のコメントが文字化けしてしまうので困っています。 TeraPad、メモ帳、ワードパッド、いずれで開いても文字化けします。 同じ人が作ったHTMLファイルは文字化けしません。 CSSのコメントを文字化けさせずに開くにはどうすればいいでしょうか。 できれば一般的なソフトもしくはフリーソフトで対処したいです。 OSはWindows10です。 なお、CSSもHTMLもあまり詳しくないのでお手柔らかにお願いします。
質問日時: 2022/12/26 15:50 質問者: bari_saku
解決済
3
0
-
インラインブロックの中のテキストを上下中央に合わせたい
インラインブロックの中のテキストを上下中央に合わせたいです。 詳しい方、教えてください。 よろしくお願いします。 (HTML) <ul> <li><a href="./">スコア</a></li> <li><a href="./">スタッフ紹介</a></li> </ul> (CSS) li { display: inline-block; width: 100px; height: 30px; border: solid 1px #707070; }
質問日時: 2022/12/24 17:46 質問者: i-d-a-i
ベストアンサー
1
1
-
HTMLについて教えて頂きたいです。.
使い方で、今分からないところがあります。 〈a href="../ "〉〈/a〉 という上記の記号ですが、どのような使い方をするか分からないです。 リンク先として、まずは貼り付けたURLやファイルを、そのファイルやURLをクリックした後、そこから違うリンクに飛びたい為、一旦は出るために../というのを付けた後、ファイルやURLを指定するという事ですか?
質問日時: 2022/12/21 16:51 質問者: jaumo
解決済
4
0
-
htmlです。画像のように文字はダイヤ。上は黄色線で下は赤線で それぞれ囲むにはどうすればよろしいの
htmlです。画像のように文字はダイヤ。上は黄色線で下は赤線で それぞれ囲むにはどうすればよろしいのですか? 教えてください
質問日時: 2022/12/18 21:55 質問者: Wohinfahrensie
解決済
2
0
-
htmlで、画像のように 左に赤色線を二本入れて文字はヤマトにして それ以外は黒で囲いたいのですが
htmlで、画像のように 左に赤色線を二本入れて文字はヤマトにして それ以外は黒で囲いたいのですが どう打ち込めばよろしいでしょうか? 教えてください!
質問日時: 2022/12/18 21:53 質問者: Wohinfahrensie
ベストアンサー
2
0
-
ワードプレスで太字が反映されません PC(MacBook)の画面上には、太字は反映されるのに、スマホ
ワードプレスで太字が反映されません PC(MacBook)の画面上には、太字は反映されるのに、スマホ(Android)で同じ記事を見ても、太字になっていません。 ネット上で原因を調べました。 ・Googleキャッシュの削除 ・プラグインの無効化 ・テキストシートのCSSの変更 (strongをboldに変えたり) ・「外観」→「カスタマイズ」→「追加css」へのコピペ(ネット上の記事にあった ものを) しても、スマホの記事は太字になっておらず。 プログラミングに詳しい方にお伺いしたいのですが、 strongは絶対に太字! みたいに指示を出すプログラムを教えてほしいです。追加cssに載せて検証したいです。 その他にも、太字を反映させる方法あれば、教えてください。
質問日時: 2022/12/18 18:56 質問者: きみいろさがし
解決済
3
0
-
htmlで、文字に線を囲むには何て打ち込めばいいのですか?
htmlで、文字に線を囲むには何て打ち込めばいいのですか?
質問日時: 2022/12/18 12:01 質問者: Wohinfahrensie
解決済
2
0
-
html.cssについて 画像のように文字は白でその他は濃く、表現したいのですが、どうすればいいので
html.cssについて 画像のように文字は白でその他は濃く、表現したいのですが、どうすればいいのですか?何と打ち込めばいいのですか? 教えてくださいお願いします!
質問日時: 2022/12/18 00:40 質問者: Wohinfahrensie
解決済
3
0
-
cssのclipについて
https://developer.mozilla.org/ja/docs/Web/CSS/clip 上記URLに出てくる clip: rect(1px, 10em, 3rem, 2ch); 上記は、どのような意味でしょうか。
質問日時: 2022/12/17 15:03 質問者: tidez
ベストアンサー
1
0
-
欧文フォントの表示がおかしい ホームページを作成しています。 英語と日本語を違うフォントを設定してい
欧文フォントの表示がおかしい ホームページを作成しています。 英語と日本語を違うフォントを設定しています。どうもwindowsでの表示がおかしいです。英語が所々上つきになってしまいます。 原因が分かりません。
質問日時: 2022/12/16 19:00 質問者: htaccess_sss
解決済
2
0
-
トリミングで表示した画像をクリックで元どおりにしたい
webページに画像を二つ、横並びで表示し、その二つを合わせて全画面(100%)になるように設定しています。 ただし左右の画像はトリミングされ、画面上に見えているのはそれぞれの画像の横半分のみです。 左の画像をクリックしたら、トリミングされた部分も含めて画像がスライドし、左画像だけで画面が埋まり、同じように、右の画像をクリックしたら、トリミングされた部分も含めて画像がスライドし、右画像だけで画面が埋まる仕組みを作りたいのですが、 どこかに参考になりそうなサイト、または詳しい方は居ないでしょうか? クリックしてから画像を動かしたい(スクロールやページ読み込みでの自動切り替えでも、ボタン式のスライダーでも無い)のと、トリミング解除(元々の画像を横幅縮めて表示し、クリックで広がるようなモノではなく)で難儀している次第です。 お手数おかけしますが、よろしくお願いします
質問日時: 2022/12/16 18:49 質問者: ebiebi56
ベストアンサー
3
0
-
ホームページをちょっと加工する程度の無料または古くて安く購入できる作成ソフトを教えてください
10年前に作成したHTMLのホームページの一部変更をしなければなりませんが、作成ソフトがもうなくなりました。現在はWordPressで作っているため。無料のソフトがあったのでそれを使っていたのですが、PCを買い替えて、同じのをダウンしようとしたら、配布が終了してしまっていました。 一覧表を書き換えたり、画像を変更する程度のわずかな作業なのですが、HTMLで書くには面倒なので、HTMLの記述のページとそれを表示させたページで変更できるような簡単な機能だけでいいのですが、あったら教えていただけないでしょうか。宜しくお願い致します。Windws11です。
質問日時: 2022/12/16 12:17 質問者: sssssss
ベストアンサー
5
0
-
HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が
HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が黄色く囲まれている状態から左に赤く染めたいのですが、どうすればよろしいですか? 左側を赤くしたいのです。やり方をおしえてください!お願いいたします。 <!DOCTYPE html> <html lahg="ja"> <meta charset="utf-8"> <style> .text{ position: relative; font-size:2rem; display: inline-block; width:180px; height:50px; border:3px solid #da2; padding-left: 60px; } .text::before{ content:""; position: absolute; top:-1px; left:-1px; with: 52px;height: 52px; background: red; } </style> <title>CSSセレクタ</title> <body> <div class="text">課題Ex1</div> <div class="text">ここに新しいデータを入れます。ひとつ、ふたつと、少しずつ増やしてゆきます</div> <div class="text">わこらないことは、わからないものをわかるまで分解することから始めます</div>ここに新しいデータを入れます。ひとつ、ふたつと、少しずつ増やしてゆきます <div class="text">わこらないことは、わからないものをわかるまで分解することから始めます</div> <div class="text">よく観察して下さい.対象も教科書も</div> <div class="text">日頃の行いがとても大事です.</div> <div class="text">予習は気持ちが前向きのときにはやるにせよ. そうでない時も</div> </body> </html>
質問日時: 2022/12/15 16:56 質問者: Wohinfahrensie
ベストアンサー
2
0
-
左の課題Ex1てのありますよね? 左側が赤くなってるやつ 左側が赤くなってて、その他は黄色い線が囲っ
左の課題Ex1てのありますよね? 左側が赤くなってるやつ 左側が赤くなってて、その他は黄色い線が囲ってるふうにhtml,cssのやつで再現したいのですが、 どう打ち込めばよろしいのですか?
質問日時: 2022/12/14 18:22 質問者: Wohinfahrensie
ベストアンサー
1
0
-
ATOMというパソコンのアプリでノートに下のノートに写したような画像を反映させないといけません。 や
ATOMというパソコンのアプリでノートに下のノートに写したような画像を反映させないといけません。 やり方が分かりません。 どのようにすればノートと同じようなやつが反映できますか? 課題Ex1 ここに新しいデータを入れます。ひとつ、ふたつと、少しずつ増やしてゆきます わこらないことは、わからないものをわかるまで分解することから始めます よく観察して下さい.対象も教科書も 日頃の行いがとても大事です. 予習は気持ちが前向きのときにはやるにせよ. そうでない時も をそれぞれ色をつけて打たないといけないのですが、やり方が分かりません教えてください!
質問日時: 2022/12/14 17:39 質問者: Wohinfahrensie
解決済
1
0
-
ウェブサイトにアップされているPDFファイルのハイパーリンク先に飛ぶ時、新しいタブを開きたい
ウェブサイト中にハイパーリンクが設定されているPDFファイルがあります。 そのハイパーリンク先に飛ぶ時、同じタブの中で遷移するのではなく、新しいタブで開きたいのですが、何をどのように設定すればいいでしょうか。
質問日時: 2022/12/13 13:57 質問者: bari_saku
解決済
3
0
-
Pythonでグラフを書きたいのですが、このように下二重線がでてしまうのですが、何処をどう直せば良い
Pythonでグラフを書きたいのですが、このように下二重線がでてしまうのですが、何処をどう直せば良いですか?教えてください。よろしくお願いします。Python
質問日時: 2022/12/11 20:30 質問者: jzjsuss
解決済
1
0
-
<meta charset="utf-8"><!-- 文字化け防止ユニコード --> ?最近モバイル
<meta charset="utf-8"><!-- 文字化け防止ユニコード --> 以上ですが、勝手にコメントしましたが utf-8 スマホのアイホン系 アンドロイド系 PCの最近ブラウザ は utf-8 だから utf-8 を宣言しているのでしょうか? 宜しくお願い致します。
質問日時: 2022/12/11 04:27 質問者: Campus2
解決済
1
0
-
<!doctype html>について コマンドではにですよね?
<!doctype html> HTMLの先頭に書いてありますが、なにかコマンド(命令)しているのでしょうか? それとも、人間だけに何かを宣言しているのでしょうか? 在ってもなても、コンピューターには関係にものなのでしょうか? 宜しくお願い致します。
質問日時: 2022/12/11 04:13 質問者: Campus2
解決済
3
0
-
Pythonでグラフを書きたいのですが、このように下二重線がでてしまうのですが、何処をどう直せば良い
Pythonでグラフを書きたいのですが、このように下二重線がでてしまうのですが、何処をどう直せば良いですか?教えてください。よろしくお願いします。プログラム
質問日時: 2022/12/10 10:44 質問者: jzjsuss
解決済
1
1
-
ダークテーマで文字色を白くしないようにしたい
----CSS---- body{ color:black; } と指定しても文字色が白くなってしまいます。 黒文字にするにはどうすればよいのでしょうか?
質問日時: 2022/12/07 17:26 質問者: Hypnomatic
解決済
3
0
-
cssの display: flex;で横並びにならずに困ってます
htmlはこちら <!DOCTYPE html> <html lang="jn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>しほ料理</title> <link rel="stylesheet" href="siho.css"> </head> <body> <a href="index.html"><img src="shio.png" class="gazou"></a> <span class="king">Shio-Cooking</span> <header class="header"> <nav class="nav"> <ul> <li>教室概要</li> <li> 料金</li> <li> 無料レシピ </li> </ul> </nav> </header> <h1>しほのオンライン料理教室へようこそ</h1> </body> </html> cssはこちらから body{ background-color: bisque; } .taitor{ font-size: 85px; } .king{ font-size: 85px; background-color: black; color: white; float;left: ; margin-top: 150px; } .gazou{ float:left; margin-left: 10px; } h1{ clear:both; } .nav{ max-width: 1000px; font-size: 30px; color: red; background-color: #ddd; clear:both; display: flex; } .header{ } 横ならびにならず困ってますご教授お願いします
質問日時: 2022/12/04 13:18 質問者: うるき
ベストアンサー
1
0
-
横幅固定の方法
画面の横幅は固定して、余白だけが画面サイズに合わせて広がっていくcssの書き方はどうすればいいですか?
質問日時: 2022/12/03 22:42 質問者: riribestwanko
ベストアンサー
1
0
-
HTMLのフォームについてお尋ねします
リストボックスに表示する選択肢が多いとき、スクロールして選ばせないで 全部の選択肢を並べて一覧表示しておいて、そこをクリック(タップ)すると フォームに入る、という仕組みにしたいと思っています。 この方法の例を画像で説明しているサイトでは、通常のリンクのように青い下線が ついた選択肢がボックスの外に並んでいましたが、ソースの解説がなくてわかりませんでした。
質問日時: 2022/12/03 21:47 質問者: しょういち_F
解決済
1
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
最新のコラム/記事
-
マッチングアプリで出会ったカップルは成婚率が高い!?結婚カウンセラーに聞いてみた
パートナーとの出会いの場として、もはや主流となったネット婚活やマッチングアプリ。中でも手軽に登録できるマッチングアプリは、10代から50代と幅広い年代が利用している。一方で、“相手の目的が投資関係の詐欺や...
-
メダロット:第250話「Vol.250※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
メダロット:第249話「Vol.249※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
日本古来の伝統工芸「金継ぎ」で修復した食器は前と同じように使えるの?
大切にしている食器が割れてしまったら、きっと誰もが「元に戻したい」と願うだろう。「教えて!goo」にも「割ってしまったお気に入りの食器を復活できる?」という質問があり、最適な方法について様々な意見が寄せら...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
HTMLです。画像をHTMLで表したいで...
-
HTML ul li で横並びにナビゲーショ...
-
テーブルの行を折りたたみたいので...
-
テーブルのセルデータを自動改行さ...
-
css初心者 フレックスボックスの適...
-
角丸画像の背景色を透明にしたいです
-
HTMLでこの画像を表示したいです 教...
-
静止画画像をクリックすると音楽が...
-
疑似要素で背景画像に指定したSVG画...
-
メモ帳の段落の揃え方
-
WEBページを強制的に横画面で見るよ...
-
HTMLのdlとul どちらが正しいと思い...
-
HPに文章で改行はすべてBRタグとか...
-
列のどこをクリックしてもソートで...
-
スマホ(android)のタッチパネル、...
-
コードを書いて下さい( ; ; )写真...
-
CSSで謎の現象
-
テーブルタグのセルの幅の一部だけ...
-
ウェブサイトにアップされているPDF...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたいので...
-
WEBサイトの作成で、imgタグには現...
-
webデザインの勉強で、HTML/CSSから...
-
私、Paiza Cloudやっているのだけど...
-
静止画画像をクリックすると音楽が...
-
css初心者 フレックスボックスの適...
-
角丸画像の背景色を透明にしたいです
-
WEBページを強制的に横画面で見るよ...
-
メモ帳の段落の揃え方
-
テーブルタグのセルの幅の一部だけ...
-
iPhoneで HTMLファイルを閲覧
-
先日ウェブデザイン技能検定三級を...
-
指定した演算を実施の結果を表示さ...
-
テーブルのセルデータを自動改行さ...
-
HTMLタグのあるCSVファイルを利用す...
-
スマホで、左右にスワイプしてウェ...
-
指定した演算を実施の結果を表示さ...
-
CSSファイルの日本語コメントが文字...
-
HTMLで特定の文字だけ色を変えたい...
おすすめ情報