回答数
気になる
-
プログラミング初心者です。 HTMLで今、電話予約の日時をカレンダーで指定するためのコードを書いてい
プログラミング初心者です。 HTMLで今、電話予約の日時をカレンダーで指定するためのコードを書いているのですが、下のコードはその1部を抜き取ったものです。付属の画像の赤い丸で囲んでいる部分のコードですが、 " placeholder="___年__月__日"のコードの部分なのですが、「XHTML10Transitionlでは、<input>属性で " placeholderを使用することができません」という表示がでてコードが発動しませんどうしたらよいでしょうか? 以下コード 付属写真の赤く囲ってある部分です。 <input type="text" id="input_date1" class="cal lt_004 hasDatepicker" name="time_Ldata01[]" placeholder="___年__月__日" readonly="readonly" value=""> 困っています。回答よろしくお願いします。
質問日時: 2020/12/20 22:14 質問者: pjdmgam
解決済
2
0
-
料理紹介ページ
プログラミング初心者です。HTMLとCSSで画像のような料理紹介のページを制作するとき、まずどこから手をつければいいですか?
質問日時: 2020/12/20 19:18 質問者: オバケイ
解決済
2
1
-
Html&Cssについての質問です。
ヘッダーのところにログインのボタンが載りません、 何故かヘッダーの下にいってしまいます何故でしょうか?
質問日時: 2020/12/19 18:00 質問者: gngg
解決済
1
0
-
3dモデリングとプログラミングを比較するならどちらの方が需要たかいですか?ものの考え方が似ているもの
3dモデリングとプログラミングを比較するならどちらの方が需要たかいですか?ものの考え方が似ているものだと個人的におもってます。
質問日時: 2020/12/18 21:19 質問者: タマネギ2369
解決済
3
0
-
html+CSSのみで作るスライドショー
html+cssで、前画像の上に右⇒左へスライドするスライドショーを試験しています。 画像は4枚です。 繰り返しは無限。 1回目は上手く行くのですが、2回目以降が上手く行きません。 CSSの何処を直せば良いか、ご教授下さい。 サンプルは以下です。 https://www.tfumi01.com 右クリックでソースを見て頂けますが、下記します。 ○html <div class="photobox"> <img src="1.gif" alt="スライドショー1" /> <img src="2.gif" alt="スライドショー2" /> <img src="3.gif" alt="スライドショー3" /> <img src="4.gif" alt="スライドショー4" /> </div> ○css .photobox { position : relative; overflow : hidden; width : 500px; height : 150px; margin : 0 auto; background : #fff; } .photobox img { display : block; position : absolute; width : inherit; height : inherit; left : 100%; animation : slideAnime 20s ease infinite; } /*アニメーションを段差で開始 */ .photobox img:nth-of-type(1) { animation-delay: 0s; } .photobox img:nth-of-type(2) { animation-delay: 5s; } .photobox img:nth-of-type(3) { animation-delay: 10s; } .photobox img:nth-of-type(4) { animation-delay: 15s; } /*スライドのアニメーション */ @keyframes slideAnime{ 1% { left: 100% } 23% { left: 0% } 100% { left: 0% } }
質問日時: 2020/12/15 11:24 質問者: t_fumiaki
ベストアンサー
1
0
-
htmlの改行タグについてご意見ください
仕事であるサイトのメンテナンスを受けているのですが、 改行<br>タグが全て先頭についているのです。 最近では、<br>タグは使わない方がいいという方向性ですが、 語尾ならまだしも先頭についているのは初めて見ました。 なので見ていてどこで改行されているのか分からなくなってしまいます。 違反ではないのでしょうが、納得いく説明で今後このような作り方はやめた方がいいと 伝えたいのですが、どのように伝えればよろしいでしょうか。 宜しくお願いいたします。
質問日時: 2020/12/15 03:46 質問者: mintohime
ベストアンサー
2
0
-
構文サイトでチェックするとtableでエラーになります。
下記のサイトを構文チェックサイトでチェックするとtableの中身が致命的なエラーとなります。 https://slimebeth.sakura.ne.jp/spread.html 利用したサイトは以下のサイトです。 http://openlab.jp/k16/htmllint/htmllinte.html エラーの中身は「<TBODY>〜</TBODY> 内に普通のテキストを書くことはできません。」です。ですが、私には正しいように見えます。どこが悪いのでしょうか。
質問日時: 2020/12/10 12:53 質問者: slime_bess
ベストアンサー
1
0
-
構文チェックサイトでチェックするとtableでエラーが出ます
構文チェックサイトで下記のtableでチェックすると<TBODY>〜</TBODY> 内に普通のテキストを書くことはできませんというエラーが出てきます。いったいどこが悪いのでしょう。 <table summary="取り扱い銘柄"> <tr><td class="item">通貨ペア</td> <td class=comment>50銘柄</td></tr> <tr><td class="item">貴 金 属</td> <td class=comment>4銘柄(現物)</td></tr> <tr><td class="item">エネルギー</td> <td class=comment>1銘柄(現物)</td></tr> <tr><td class="item">株 式</td> <td class=comment>10銘柄</td></tr> <tr><td class="item">株価指数</td> <td class=comment>14銘柄(現物)</td></tr> <tr><td class="item">仮想通貨</td> <td class=comment>10銘柄</td></tr> </table>
質問日時: 2020/12/10 10:59 質問者: slime_bess
ベストアンサー
1
0
-
<br>の連続を回避する方法
次のサイトを作りました。しかし、一番下までスクロールしてくれず困っています。 https://slimebeth.sakura.ne.jp/account.html コードで一番下の画像の次に<br>を7個連続打ち込めば理想の動きになります。しかし、チェックサイトでチェックすると重症度の高いエラーとなってしまいます。 そこで<br>を連発せずに一番下までスクロールする方法があったら教えて下さい。
質問日時: 2020/12/09 11:30 質問者: slime_bess
ベストアンサー
3
0
-
htmlについて
htmlで質問です。 <h1>/大見出し <h2>/中見出し <h3>/小見出し <h2>/中見出し <h3>/小見出し 1.このような使い方は順番的に正規の使い方ですか? 2.また、このような使い方をしてもseo的には問題ないですか?
質問日時: 2020/12/09 09:47 質問者: 9うい9p
ベストアンサー
4
0
-
CSS3のflexboxで、絶対位置を指定できるか
flexboxの使い方を学んでいるのですが、いまいちわかっていません。 <ul class="abc"> <li class="one">今週のメニュー</li> <li class="two">ハンバーグ</li> <li class="three">目玉焼き</li> </ul> .abc { display:flex; flex-direction:row; } .one { width:50px; height:60px; } .two { width:70px; height:80px; } .three { width:80px; height:100px; } というコードがあったとします。 これに絶対位置をX座標、Y座標の順に与えます。 one:50,130; two:130,10; three:250,50; このコードを上記の絶対値で、表示するには、どのようなコードを書けばよろしいでしょうか。
質問日時: 2020/12/08 22:25 質問者: finaltida108070809
解決済
1
1
-
wordpressについて
wordpressで、プロが作るようなhpを作成すると仮定した場合、どのようなプロセスを踏むのが良い手段なのかいまいちわかっていないため、質問させていただきます。 ダッシュボードで、文字などを入力したのですが、とてもお粗末なものだったのですが、実際にプロがwordpressを使用してサイトを作る場合、このようにword形式で、作っていくものなのでしょうか。 それともhtml,cssを駆使して、ベースのページを作成し、その中に、プラグイン などを入れていくようなことなのでしょうか。
質問日時: 2020/12/07 22:50 質問者: finaltida108070809
解決済
2
1
-
別ページをベージを写す
https://elaws.e-gov.go.jp/document?lawid=327AC1000000239_20190914_501AC0000000037&keyword=%E6%97%85%E8%A1%8C こちらのページの条文をそのまま私のページに移したいのですが、なにかいい方法はありますか? 確かphpでdivタグで囲った部分を移す関数ありませんでしたっけ? 無理ならiframeですとるか...
質問日時: 2020/12/05 20:39 質問者: 9うい9p
ベストアンサー
1
0
-
iPhoneのSafariで動くCSSを書きたいです
先の悩みが解決しましたトタンに新しい壁が出来てしまいましたが、 レスポンシブ対応のホームページでiPhoneのSafariでだけ明らかに レイアウト崩れが起きております。 添付画像のように、ブラウザ画面の右下固定で画像を置きたいのに iPhoneのSafariだけ画像が左上にきます。 その画像を閉じるボタン(×マーク)も画像の右上に配置していますのに、 iPhoneのSafariだけ画像の外に(しかも画像の左下に)出ています。 iPhoneのSafariに対応します為にはどうしましたら宜しいでしょうか? 【CSS】 @media screen and (max-width: 768px) { .panel{ position:fixed; bottom:0px; right:60px; width:300px; hight:auto; z-index:10; } .kankan{ width: 350px; height: auto; } .deleteButtonContainer { width: 30px; height: 30px; position: absolute; top: 2px; right: -40px; } .deleteButton { width: 100%; height: 100%; border-radius: 10px; padding-left:0; padding-right: 1.5px; text-align: center; line-height: 9px; vertical-align: middle; color:grey; cursor: pointer; position: absolute; top: 0; left: 3px; } } 【html】 <div id="banner_Panel" class="panel panel-default"> <a href="ttps://google.com"><img class="kankan" src="img.png" alt=""></a> <div class="deleteButtonContainer"> <button type="submit" id="banner_Close" class="deleteButton">×</button> </div> </div>
質問日時: 2020/12/02 13:55 質問者: risaghon
解決済
1
0
-
ホームページ上に『位置固定』のリンクを置きたいです
ホームページの右下へと、添付画像のようなリンクのバナー?を置きたいです。 単純に、リンク付き画像をCSSでブラウザ右下へ表示させることは出来ましたけれど、 『閉じるボタン』を追加したくて、その『×印』とリンク付き画像をクリックした際の アクションの切り分け方や『×印』をクリック時の画像の閉じ方が分からずに困って おります。 具体的なアドバイスを頂けますかたお願いします。
質問日時: 2020/12/01 10:49 質問者: risaghon
ベストアンサー
3
0
-
CSSのtransform: translate(-50%,-50%);を行う意味
CSSで真ん中に配置する際に、positionを使った際のtransform: translate(-50%,-50%);の定義の意味について教えてください。 例えば以下の定義があった場合なのですが…。 ■HTML <div id="parent"> <div class="child"></div> </div> ■CSS #parent { width: 500px; height: 500px; background: tomato; position: relative; } #hoge .child { position: absolute; width: 100px; height: 100px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: blue; } 親の中の真ん中を定義する記述で、 top: 50%; left: 50%; を行いますが、この時点では子要素分がずれてしまって、真ん中では無いですよね? この挙動の意味が良くわかりません、縦横50%で指定しているので、真ん中に来てくれてもよさそうなのに子要素の要素分がずれてしまいますよね? そのためだと思うのですが、 transform: translate(-50%, -50%);の記述を行うのですが、この記述の意味としては、自分自身、子要素のサイズの半分を縦横50%マイナスに移動させるという定義内容の理解でよいのでしょうか? 何だか、 transform: translate(-50%, -50%);の記述を行うのにとても違和感があるのですが、positionで定義する場合には、こうのようなものだと割り切って理解したらよいでしょうか? 普段はflexで対応しますが、まれにpositionの指定が必要になるのですが、毎回気になってしまいまして…。 transform: translate(-50%, -50%);の意味について私の理解でよいか教えてください。 また、 top: 50%; left: 50%; だけでは真ん中に来ない挙動についてご説明頂けますと助かります。 宜しくお願いいたします。
質問日時: 2020/11/29 13:55 質問者: yuyukina
ベストアンサー
3
0
-
phpのcss操作
pHpで作ったリンクボタンについてです。 〈?php if(!empty($row[1])) 〈style〉{ .link_button:before { font-family: "Font Awesome 5 Free"; コンテンツ: '\ f02b'; フォントの太さ:900; } .link_button { font-weight: bold;/*太字に*/ text-decoration: none;/*下線消す*/ background: skyblue;/*背景を水色に*/ color:white;/*文字を白に*/ padding:1% 2%;/*内側の余白*/ margin:1%; display:inline-block; border-radius: 20px;/*角を丸くする*/ font-family: 'Avenir','Arial';/*フォントをいい感じに*/ } .link_button:hover { background: silver;/*背景色をシルバーに*/ text-decoration: none;/*下線を消す*/ } .link_button a:visited { color: gray;/*文字をグレイに*/ }} .link-button a {font-size:1.5vw; }‹/style› }:?〉 とaタグのクラスを link_bottonにしているのですが、 [1]~[6]まである時 上記と同じcssをつかうのですが、〈a href="[$row2]" class="link_botton2"〉のようしてクラスを分けないといけないのでしょうか? 空白のときはcssを表示したくないです。 ネックなのがFont Awesomeを使っているので[](配列)があってもなくってもcssが適応されてしまうのでFont Awesomeは諦めるしかないですか?
質問日時: 2020/11/27 12:21 質問者: 9うい9p
ベストアンサー
1
0
-
ホームページ上の画像が印刷時にズレてしまいます
添付画像はChromeからpdfへ書き出しました際のA4サイズとA3サイズでの 画像データの横幅のズレですけれど、Chromeブラウザ上では左図のように 上の画像と下のTableの横幅が合っていました。 (ブラウザ表示そのものの画像は割愛) その状態でA4サイズで印刷をしますと右図のようにズレますので、 (修正前の元データをA4サイズで印刷したそのものの画像は割愛) CSSを修正して @media print { .wp-image-240 { align: center ; width: 200mm; } } という設定を追加し、A4サイズでの印刷は左図のようになり目的を達成 しております。 しかしここで、A3サイズで印刷しました場合、右図のように上の画像と 下のTableがズレてしまいますので、このズレを直したいです。
質問日時: 2020/11/26 13:16 質問者: risaghon
ベストアンサー
2
0
-
Python3, Flask, Jinja2などで画像を手動で順番に表示させる方法
完全なローカル環境で、自炊した本を表示するWebアプリを作ろうとしています。Python3は初心者です。ローカルに保存した画像を順に表示させるだけの単純なやつを想定しているので、より軽いFlaskを選びました。実装したいことを箇条書きにします。 ①本の表紙の画像をクリックすると、別ウィンドウ(モードレス)が立ち上がって1ページ目の画像が表示される。 ②1ページ目の画像の両端に左右の矢印をつけて、矢印クリックで1ページずつ進む/戻るをしたい。矢印表示じゃなくて、キーボードの矢印キーでもOK。 ③できれば全画面表示の切り替えもできるようにしたい。 それほど複雑ではないと思うのですが、今は①の表紙画像の表示までしかできていません・・・。ITに詳しくないので、言葉遣いが適切でないところがあるかもしれませんが、どうすればこのようなものが作れるのか、教えて下さい。よろしくお願いします。
質問日時: 2020/11/25 22:26 質問者: benkyou-chuu
解決済
3
0
-
HTML ラジオボタンを使ったコードについて教えてください。
HTMLで添付のような表を作成したいのですが、素人の私にはレベルが高く、知識のある方のお力添えをいただきたいと思い質問させていただきます。 テーマは「新図書貸出表」と題して、下記のような仕組みを考えております。 ・貸出しは一人一冊のみ選択可 ・貸出中の図書は「貸出中」ラベルの表示 ・チェックが入ったら他の人が借りれないようにグレーアウトになるように もちろん、全く同じ形式でなくても構いません。 HTMLにお詳しい方に、是非ご提案頂けましたら幸いです。 宜しくお願い致します。
質問日時: 2020/11/24 20:26 質問者: チャレンジちゃお
解決済
2
0
-
コード内にテキストボックス入力内容を埋め込みたい。
サイトのコード内にテキストボックスに入力した文字が埋め込まれ、指定場所に表示されるようにしたい。 どのようなコードを使えばよいのでしょうか。 教えてください。 よろしくお願いいたします。
質問日時: 2020/11/24 18:48 質問者: クモハ410系
解決済
3
0
-
htmlについて
すみません。 htmlで質問です。 <div class="nav"> <ul> <a href="#"><li>MENU1</li></a> <a href="#"><li>MENU2</li></a> <a href="#"><li>MENU3</li>< <a href="#"><li>MENU4</li></a> </ul> </div> こちらを中央寄せしたいのですができないので教えてください。 navは自分で書いて、div display block はもともとブラウザ(グーグル)書いてありました。 以下、css .nav { margin: 0 auto; text-align: center; } .nav ul{ text-align:center; list-style: none; display: flex; } .nav li{ background-color:#101010; margin-right:2%; } .nav a{ font-size:3vw; color:#fff; width:20%; } user agent stylesheet div { display: block;
質問日時: 2020/11/23 12:16 質問者: 9うい9p
ベストアンサー
3
0
-
DIVのサイズが変わっても文字の位置を固定するには???
宜しくお願いいたします。 現在、背景画像の上に文字を表示する方法を試しているのですが、うまくいかずアドバイスをお願いできないでしょうか…。 行いたいことは、DIVに背景を指定して、その上に文字を表示しています。 上下左右真ん中表示の文字です。 ただ、画面幅を変えるレスポンシブで対応をしたいのですが、画面幅が変わると上下左右の真ん中位置が崩れてしまうのです。 幾つかこれらの問題のサイトを拝見したのですが、お恥ずかしい話、あまり理解が進まず質問をさせて頂きました。 HTMLとCSSは以下の感じです。 CSS .hoge { background: url("./hoge.png") ; background-size: cover; /*画像は拡大縮小しても全体を表示したいです!*/ } HTML <div class="hoge"> このメッセージは拡大縮小しても常に真ん中表示にしたい!!! </div> このような感じの場合、どういった定義で中身のメッセセージ部分(このメッセージは拡大縮小しても常に真ん中表示にしたい!!!)を常に拡大縮小しても真ん中に表示することができますでしょうか? 宜しくお願いいたします。
質問日時: 2020/11/22 21:18 質問者: yuyukina
ベストアンサー
1
1
-
メニューの折り畳み階層化について
https://templated.co/ion 上記リンクのテンプレートのトップにあるレスポンシブメニューですが、通常の<ul><li>タグでのメニューの階層化がうまくできなかったのですが、なにか違った方法があるのでしょうか?
質問日時: 2020/11/18 11:50 質問者: discontinuite
ベストアンサー
3
0
-
htmlでのリンクの表示に関する質問です
htmlを使用してリンクを権限によって表示・非表示にしたいのですがどうすればいいかわかりません。
質問日時: 2020/11/17 11:22 質問者: サタニキア
解決済
1
0
-
html超基本
超基本的なことなのですがうまく調べられなかったので教えてください。 下記のようにhtmlでimg を入れて、それをcssで調整したいのですが、 いちいちimgだけをdivで囲ってあげないといけないのでしょうか? html <div class="hand"> <p>テキスト</p> <img src="images/hand.jpg" width="90%" alt="手"> </div> css .hand img{ } で指定できません。 とすると、 <div class="hand"> <p>テキスト</p> <div class="hand-img"> <img src="images/hand.jpg" alt="手"> </div> </div> と、divだらけになってしまうのですが、これしか方法はないのでしょうか?
質問日時: 2020/11/11 06:14 質問者: ハコ2222
解決済
3
0
-
htmlのolやulなどlistにtitleやcaptionをつけられますか?
tableにはcaptionタグがありますが、olやulなどのリストにもそのようなタグがありますか? リストにタイトルやキャプションをつけたいのですが
質問日時: 2020/11/06 21:30 質問者: hidari88
ベストアンサー
2
0
-
htmlとCSSについて
仕事場で1人サイトを作ってます。 画面スクロールに伴い、途中から途中までの 要素の固定スクロールについて上手く出来ないので教えていただきたいです。 やりたい仕様としては ①画面をスクロールすると、画像と「画像に乗った途中まで固定スクロールしたい要素」が出てくる。 ②画面スクロールを続けると、画像を置いて要素のみが画面内に留まり、一緒にスクロールされる。(ここまではできた。) ③要素の固定スクロールは次の「画像に乗った途中まで固定スクロールしたい要素」のところまでつづく。(これができません。) ③の出来る方法が知りたいです。 「画像に乗った途中まで固定スクロールしたい要素」というのは、ページ内での項目名みたいなもので、その項目の間は画面上に項目名を固定したい。 次の項目が来たら、項目名は縦方向には同じ位置にいるので、バトンタッチするように 固定する項目名が変わる。 ということがしたいのです。 現在、画像の上に、要素をposition:absolute指定で乗せています。 そしてさらに position:sticky; を指定することで、 画面スクロールに従い、 要素が出てきてから、画像をその場に置いて要素の途中までスクロールすることができました。 このposition2つは要素のクラス名に入っています(このクラス名で、要素の四角の大きさと、fontも指定してます。) ですが、その「途中」が早い段階で途切れてしまいます。
質問日時: 2020/11/06 07:27 質問者: rakiduta1
ベストアンサー
1
1
-
WEBデザインわかる方!ソース表示させた後戻し方!
WEBに強い方お願いします! ウェブサイトのソース表示や検証ページを 表示させた後、 表示させたのはいいですが元のデザインされた公式ページ??に戻るためにはどう操作すればいいですか? ご回答お待ちしています。
質問日時: 2020/11/05 10:10 質問者: かみこさ
ベストアンサー
2
0
-
htmlをデバッガーを利用して、開発状況がわかるプラグイン
現在、htmlの開発を行っているのですが、ブラウザは、chromeを使っており、エデイターは、visual studio codeです。検査を使えば、コードが閲覧できるのは、知っているのですが、これだと、現在のhtmlのコードで、ブラウザでは、どのように表示されるのかということがわからないので、コードがブラウザで、表示された状況をコードを入力しながら、確認したいのですが、そのようなプラグイン は、ございませんでしょうか。
質問日時: 2020/11/02 15:25 質問者: finaltida108070809
解決済
1
1
-
ホームページ制作について
ホームページ制作について レスポンシブを作ろうと パソコンのGoogleChromeの検証での「スマホ画面」で見えるボタンを押して @media でスマホサイズの画面に調整しました。 でも、その画面には反映されず、 普通のPC画面でブラウザを狭めた時には @mediaクリエ? が効いているようです。 職場ではPC画面のブラウザを狭めたもので、スマホ画面を作りました。 家に帰ってスマホで見てみると、 PC画面のブラウザを狭めた時とは違う画面での表示になってました。 (恐らく効いてない?) スマホ画面で @mediaクリエ?を効かせるにはどうしたらいいのでしょうか? HTML CSS
質問日時: 2020/11/01 19:56 質問者: rakiduta1
解決済
1
0
-
レスポンシブサイトで、右側に変な余白が出来る
首記の件、教えて頂きたく。 試したこと ・viewportの設定 <meta name=”viewport” content=”width=device-width,initial-scale=1.0″> ・CSSのwidth等のプロパティをすべて%指定にした。 ・CSSを一度すべてコメントアウトした。 ・warapperにoverflow: hidden:を追記した ・HTML要素の切り分け(唯一効果あり) 上記すべて行いましたが、右側に余白がでてしまいます。 PCの画面では余白は何の問題もなくありませんが、chromeの検証で確認すると余白が出てしまいます(ほぼすべてのサイズを試しましたが余白ができます) 唯一、効果があったのはHTML要素の切り分けでした。 HTMLを親要素から消していって切り分けていき、特定のタグを消したら余白がなくなりました。 ※設定済みのCSSはコメントアウトや削除はしていません 余白ができる原因はすべてCSSに原因があると思っていましたが、 HTMLが原因で余白ができることってありうるのでしょうか。 まだ断定できませんが、そうなるとHTMLの記述の仕方に問題があるという事になりますが、その場合、レスポンシブサイトを作るのはかなり難しいのではないのでしょうか。CSSならまだしも作成したものをやり直さなくてはいけなくなります。 教えて頂きたく何卒お願い致します。
質問日時: 2020/10/27 16:41 質問者: 零礼
ベストアンサー
2
1
-
ウィンドウ幅に合わせて画像のサイズを変化させる方法
HTML, CSSに関して質問です。 ウィンドウ幅に合わせて画像のサイズを変化させたい場合、HTMLにimgタグで画像を表示させ、CSSでサイズに関する指示を入れていく流れ、かと思います。 もし、CSSにbackground-imageで表示させる画像に関してはどのようにウィンドウ幅に合わせてサイズを変化させるのですか?
質問日時: 2020/10/25 23:00 質問者: aymaym
解決済
2
0
-
テーブルの任意の列を非表示にしたい
テーブルの任意の列を非表示にするためのHTMLの書き方を教えてください。 ネットで調べたところvisibility: collapseで実現できる事までは分かったのですが、 IEではうまくいくのですが、Chromeでは非表示になりません。 例えば次のコードでは2x2のテーブルの最初の列が非表示になるはずなのです。 <table><colgroup style="visibility: collapse"></colgroup> <tr><td>0</td><td>1</td></tr> <tr><td>2</td><td>3</td></tr> </table> IEではうまくいきました。ChromeやEdgeではうまくいかず全ての列が表示されたままになってしまいます。 IEはもう時代遅れのブラウザということで、ChromeやEdgeでうまくいく書き方を教えてほしいです。
質問日時: 2020/10/25 18:17 質問者: zyousuke
ベストアンサー
2
0
-
html動画の字幕について教えてください。今字幕が中央下段から(字幕が重なると)積み重なるように上に
html動画の字幕について教えてください。今字幕が中央下段から(字幕が重なると)積み重なるように上に表示されていきます。なんかカッコ悪いので左上、中央上、右上のように上一列で表示されるようにしたいのですがcssで出来ますか?
質問日時: 2020/10/24 00:06 質問者: ぽん太1号
ベストアンサー
2
0
-
HP作成の仕様書について
例えば、lancersなどで、依頼者が、HP作成の依頼を出したとき、仕様書は、どのようなものなのでしょうか。 例えば、widthは、何ピクセルなどの指定があったり、それともHP全体のデザインなども全て考えなくては、いけないのか。それともwordやパワーポイントで、作ったものを見ながら作成するのか、どのようなものがあるのでしょうか。
質問日時: 2020/10/22 04:34 質問者: finaltida108070809
解決済
2
1
-
コーディングの事で質問です。 このメニューの所をもう少しだけ左に寄せたいのですが、どうやればいいので
コーディングの事で質問です。 このメニューの所をもう少しだけ左に寄せたいのですが、どうやればいいのでしょうか?汗 display:flexをかけて、textalignをかけるのかな?と思いましたが、違いました。
質問日時: 2020/10/21 22:11 質問者: corvette___
解決済
1
0
-
【HTML&CSS】フッター下部の余白を無くす方法 スマホ版
首記の件、下記ソースコードを参考に作成することができました。 URL; https://qiita.com/kents1002/items/0fbd3bb2b30b57f382a2 <html> <body> <div class="wrapper"> <header>ヘッダー</header> <div class="inner">中身</div> <footer>フッター</footer> </div> </body> </html> html,body{ height:100%; } .wrapper{ width: 100%; position: relative; min-height: 100%; } .inner{ padding-bottom:200px; /*フッターの高さと同じにする*/ } footer{ height:200px; position:absolute; bottom:0; } PCだと何の問題もなくできたのですが、メディアクエリでスマホ版も同様に行ったのですがフッターの下に余白が出来てしまいます。 スマホ版でフッターの下に余白をできないようにするにはどうすればいいか教えて頂きたくお願い致します。
質問日時: 2020/10/20 10:36 質問者: 零礼
ベストアンサー
1
0
-
スマホ版Webサイト twitterの埋め込み スクロールバーが表示されない
質問タイトルの通り、メディアクエリでスマホ版Webサイトを作成しているのですが、スマホ版だとTwitter埋め込みのスクロールバーが表示されません。 PC版だとTwitter埋め込みのすぐ右にスクロールバーが表示されるのに何故でしょうか。 教えて頂きたくお願い致します。
質問日時: 2020/10/15 15:47 質問者: 零礼
解決済
3
0
-
cssで、チェックボックスの画像と隣のテキストがずれてしまう
いつもお世話になっております。 表題の件でどうしても解決できず質問しました。 チェックボックスの画像を挿入し、その並びでテキストを記入したのですが、 その二つがずれてしまって、ガタガタしてしまいます。 解決方法をご存知つの方アドバイスいただければと思います。 htmlは下記の通りです。 html <p><img src="images/チェックボックス.jpg" alt="チェックボックス"> テキストテキストテキストテキストテキストテキスト</p> よろしくお願いいたします。
質問日時: 2020/10/14 14:02 質問者: ハコ2222
ベストアンサー
2
0
-
メディアクエリ スマホ対応のサイズ幅がわからない
スマホ対応向けにメディアクエリを作成してるのですが、スマホ対応のサイズ幅がわかりません。 例えば、下記URLだと、 https://seolaboratory.jp/89410/ デバイス 「横」の画面幅 「縦」の画面幅 iPad Pro(12.9) 1366px 1024px iPad Pro(11) 1194px 834px iPad Pro(10.5) 1112px 834px iPad 1024px 768px iPhone XS Max/XR/11/11 Pro Max 896px 414px iPhone XS/X/11 Pro 812px 375px iPhone 8/7/6s/6 Plus 736px 414px iPhone 8/7/6s/6 667px 375px iPhone 5s/5/SE 568px 320px iPhone 4(以下) 480px 320px 試しにiphone6,6s,7,8のサイズに対応させようとメディアクエリのサイズを667pxにしましたが、メディアクエリが反応しませんでした。 HTML: <head> <meta name=”viewport” content=”width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0″> </head> <body> <div class="head_top> </body> CSS: .head_top { background-color:pink; } @media screen and (max-width: 667px) { .head_top { background-color: green; } } ですが、max-width: 980pxにしたら色が緑になって対応しました。 サイズ幅を大きくしたことにより、PCサイズ幅まで範囲が及んで緑になっていると思い、PCサイズにて確認したら、色はピンクになっておりちゃんとサイズごとに色分けされたメディアクエリが対応していました。 気になるのは上記の内容のように、実際のmax:widthはどの数値が正しいのかわかりません。 今回もiphone6,7,8は667pxと書かれているのに,実際は980pxでした。 もし、算出の方法がありましたら教えて頂けます様お願い致します。
質問日時: 2020/10/13 15:54 質問者: 零礼
ベストアンサー
2
0
-
html、cssについての質問です。 htmlでtype="text"のformを入力したらtext
html、cssについての質問です。 htmlでtype="text"のformを入力したらtextの外枠が消えました。何が原因でしょうか??
質問日時: 2020/10/12 14:44 質問者: じろーgjm
解決済
2
0
-
HTMLのチェックボックス+コピーについて
HTMLでチェックボックスを作り、コピーボタンを押すと「Value値」と「予め設定した文言」と合わせてクリップボードにコピーされるようにしたいのですが、資料を見ながら色々と試しても上手くできません。 お力を貸していただけないでしょうか。 質問1:好きな色の種類 □赤色 □青色 □黄色 □緑色 [コピーボタン] ↓ ・好きな色の種類:赤色、青色 ------------------------------ 質問2:好きな動物 □いぬ □ねこ □うさぎ □ライオン [コピーボタン] ↓ ・好きな動物:いぬ、うさぎ 上記のように、回答にチェックを入れてコピーボタンを押すことで 予め設定した文言と一緒にクリップボードへコピーされるようにしたいです。 ※1ページに複数の質問を載せる予定 よろしくお願いいたします。
質問日時: 2020/10/12 02:12 質問者: つぼゆさ
ベストアンサー
1
0
-
固定ヘッダーがある時のページ内アンカーリンクの方法
色々調べたのですが、テーブルでのアンカーリンクだとうまくいきません。 ●ヘッダーのスタイルは #site-header { background: #fff; display: flex; position: fixed; width: 900px; height:100px; z-index: 100; /* 重なり順を一番上にする為に100*/ } ●HTML ※簡単に書きます。 <div id="site-header"> ヘッダーの内容 </div> <div style="padding-top:100px;height:auto !important;"> <table style="margin-top:30px;"> <tr> <td><a name="001">コード:001</a></td> </tr> <tr> <td><a name="001">コード:002</a></td> </tr> … 最大100データ <tr> <td><a name="100">コード:100</a></td> </tr> </table> </div> 上記は編集ボタンのリンクも省略しています。 別ページで編集を完了したら、 http:hoge.html#050 のようにして アンカーリンクでコード「050」を一番上に編集したセルを表示させたいのですが 固定枠のヘッダーがあり、ずれてしまいます。 テーブル以外のは、ネットで調べると出てきますが テーブルだと、ネットで調整する方法のmarginもpaddingも うまく行きません。 テーブルの場合、どうしたら良いのでしょうか。 CSSで簡単にできればいいのですが、できないのであれば、他の方法でも構いません。 よろしくお願いいたします。
質問日時: 2020/10/08 04:36 質問者: mintohime
ベストアンサー
1
0
-
タブの膨らみの調整についてcss
Webサイトを作っています タブでメニューを選んでコンテンツを表示するというものなんですが、タブの膨らみに合わせてフッターが下がってくれません 必ずコンテンツと重なります メニュー毎に幅も違うので幅指定もできません 100%や100vhなども試しましたがダメでした どうすればタブの下にフッターを置けるのでしょうか?誰か教えてください よろしくお願いします
質問日時: 2020/10/04 22:41 質問者: 匿さま
解決済
1
0
-
【html】)パスワード認証フォーム(htmlでバレてもOK)
パスワード認証フォームをつくりたいです。(htmlを見てバレてもいいです) イメージとしては… ──────────────────────────── ┌──────────────────────┐ │パスワードを入力してください(placeholder) │[送信] └──────────────────────┘ パスワードが違います(赤文字) ←間違ったときに表示 ──────────────────────────── そして正しいパスワードを入力するとサイトへリンク リンク先のURLはパスワードと同じではありません。 まだまだ初心者でうまく説明できない部分も多くありますがよろしくお願いします。
質問日時: 2020/10/02 14:53 質問者: パソコンHTML初心者
ベストアンサー
2
0
-
未経験からWeb制作会社に入るためのポートフォリオのレベル
Web制作会社にWebデザイナーとして入社する際に必要なポートフォリオのレベルについて Web制作会社にWebデザイナーとして未経験で入社するにあたり、ポートフォリオを作成したいと考えているのですが、具体的にどのレベルまで仕上げ、どのツール、コーディングで作るのがベストなのでしょうか? ちなみに東京都内での就職を希望しております。 コーディング(HTML.CSS) デザインツール(Photoshop) この二つを使ってポートフォリオを作成しようかと考えているのですが少し物足りないでしょうか? ちなみに私の経歴ですが 専門学校を1年未満で中退 1社目の会社を8ヶ月で退社 空白期間1年 現在21歳男です。 経歴がヅダボロなので、年齢と作品で未経験からWebデザイナー職に挑戦したいと考えてます。 他にもコーディングならjQuery、JavaScript、Bootstrap ツールはIllustrator 他だとWordPress、PHP、UI UXの勉強なんかもしておくと良いといった情報も見受けられます。 フロントエンド言語で、小さなウェブサイトを作成した経験があるので HTML.CSS.JavaScript.jQueryをポートフォリオに組み込んでいく、それを使ってウェブサイトを作るイメージはつくのですが、 Photoshop、Illustrator、WordPress、PHP、それ以外Webデザイナーに必要なツールなどが、どうポートフォリオに反映されていくのか、ウェブサイト作成の肝になるのかイメージがつきません。 最低限これだけはポートフォリオ作成で使うべき、組み込むべきといったツールなど教えていただけませんでしょうか? 質問とは無関係の回答、前提自体を否定(Webデザイナー自体おすすめしない等)する意見はご控えいただきたい所存です。 よろしくお願いします。
質問日時: 2020/09/28 21:35 質問者: イケヒロん
ベストアンサー
1
0
-
navの横並びにsnsアイコンを付けたい
いつもお世話になっております。表題の件よろしくお願いいたします。 navをdisplay: flex で横並びにし、さらにその最後尾にSNSのアイコンを並べたいです。 nav の内容をjustify-content: flex-end;で右寄せにしたいのですが、アイコンの画像を足したらうまくいきません。どのようなcssの記述に知れば良いでしょうか? html <nav> <ul> <li>お知らせ</li> <li>料金プラン</li> <li>導入マシン</li> </ul> <div class="sns"> <a href="https://www.instagram.com/jibun_sagashi/" target="_blank"><img src="images/Instagram_icon-icons.com_66804.svg" width="10%" alt="インスタロコ"></a> <a href="https://www.facebook.com/%E3%83%AC%E3%83%B3%E3%82%BF%E3%83%AB%E3%82%A8%E3%82%B9%E3%83%86%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9-%E8%87%AA%E5%88%86%E6%8E%A2%E3%81%97%E3%81%AE%E6%A3%AE-109160303884118/" target="_blank"><img src="images/facebook_icon-icons.com_59205.svg" width="10%" alt="フェイスブックロコ"></a> </div> </nav> ---------------------------- css nav{ display: flex; justify-content: flex-end; } nav ul { display: flex; justify-content: flex-end; padding-right: 20px; } nav li { list-style: none; padding-left: 20px; } ----------------------------- このような記載をしています。 記載方法が悪ければ修正いたします。 よろしくお願いいたします。
質問日時: 2020/09/25 06:52 質問者: ハコ2222
解決済
3
0
-
HTML・Javascriptのサイト作りで質問です。
プルダウンやセレクトボックスなどを使って複数の情報から1つまたは、複数の答えを出したいのですがどのような感じに打ち込めばいいのでしょうか? 例上げるならばカードゲームなどで、 レベルは「5」で、属性は「闇」で、種族は「機械族」、収録パックは「第1弾」 みたいな検索で特定ができるようにしたいのです。 誰かわかる方がいらっしゃいましたらどうか教えて下さい。 語彙力がなさ過ぎて申し訳ないです。
質問日時: 2020/09/20 15:15 質問者: 鬼神ver.2.01
ベストアンサー
2
0
-
ベストアンサー
2
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で特定の文字だけ色を変えたい...
おすすめ情報