HTML
- menuのHTMLタグとCSSが上手くいかない
画像(1)が現状です。イメージは(2)です。何故HTMLタグを別々にするかというとスマホにしたらsubメニューをボトムに配置したいのです。 メニューとsubメニューの背景がくっつかないのです。 (1)を(2)にするにはどうすれば良いでしょうか？ 以下がHTMLタグとCSSになります。 アドバイスをお願いします。 HTMLタグ <div class="div1"><ul><li>メニュー1</li><li>メニュー2</li><li>メニュー3</li><li>メニュー4</li></ul></div> <div class="div2"><ul><li>sab1</li><li>sub2</li></ul></div> CSSスタイル ul li { list-style: none; } .div1 { background: #ccc; float: left; } .div2 { width: 240px; background: #999; float: right; } li { float: left; padding: 5px 15px; }
- HTMLでゲームができるってどういうこと？
ずいぶん前からFlashの提供が終わるからとか脆弱性がどうのだとかで、FlashゲームはHTML5に乗り換えるべしみたいな記事や掲示板の書き込みやらをよく見かけました。 ずっと分からないのが、なんでHTML? え？ HTMLってテキストにマーク付けるだけのものじゃないの？ しょせん装飾した文字ですよね？ Flashみたいにゲームができるって訳わかめってな感じです。 僕もサイトを作ったことはありますし、HTML4は古いからと聞いてHTML5で作りました。 でもHTML5だと宣言する部分だとかヘッダ部分だとか書き方や使えるタグがちょっと違うだけで、やはりHTMLはHTMLで4とはあまり違いが分かりませんでした。 文字に印を付けたら、ブラウザが取り決め通りにその文字を大きくしたり色を付けたりして表示してくれる。 ただそれだけ それがHTMLだと思ってました。 動的なページにしたければPHPやJavaScriptなどを利用するしかないと。 それが動的などころかゲーム！？ いったいどういうことなんでしょうか？ 別途、ゲームのファイルなどを用意しておいて、それを読み込んでゲームさせるって事？ でもそれだと「HTML5でゲームができる」とは言えませんよね？ 読み込んでるだけなんですから。 HTML5の書き方などを説明しているサイトを覗いてみても、やはりマークアップの方法しかなくて、ゲームを作る方法なんて載ってませんでした。 HTML5はもうPHPやJavaScriptなどを使わなくても、PHPやJavaScriptを使っているかのような動的なサイトを作ることができると言うことなでしょうか？ さらにFlashのようなゲームまで？ 本格的にHTML5を身につけたら、もうPHPやJavaScriptは必要ないんですか？ HTML5とCSSとデータ管理用にMySQL当たりを覚えていれば、普通のサイトからゲームまで何でも作れるんでしょうか？ HTMLでゲームを作れるってどういう仕組みなの？
- ベストアンサー
- noname#250248
- HTML
- 回答数3
- プログラミングを始めたいのですが、、、、
プログラミングを始めたいのですが、どうやって始めればいいのか分かりません。 HTMLから始めようと思っているのですが、書くツールはどこからダウンロードすればいいですか？ 教えてください。お願いします。
- htmlでテキストの右側に画像を、回り込みさせる
htmlでテキストの右側に画像を、回り込みさせたいです。 その際、左側にある文章の終わり、 すぐ後に画像が表示されるようにしたいです。 <img src=" " align="right"> とかだと、 文章 画像 というように、右側の端に画像が行ってしまいます。 ページの真ん中に、 文章 画像 という風にしたいです。 どのような記述でできるでしょうか？ よろしくお願いいたします。
- ヘッダーとフッターを画面いっぱいにする方法について
添付画像のようにヘッダー部とフッター部だけを画面いっぱいにしたいと思っています。 HTMLはおおよそ以下のような構成になっています。 CSSでは <div id="container">に対して以下のように記述しています。 --------------------------------------- #container{ width:1000px; margin: 0,auto; } --------------------------------------- HTML内のheaderやfooterを<div>で囲むwrapを作り、それらにwidth: 100%;とCSSに記述してやればうまくいくような事を聞きましたがうまくいきませんでした。 それほど複雑な構成ではないシンプルなタグ構造だと思います。 ヘッダーとフッターの幅を添付画像のように画面いっぱいに広げるにはHTML, CSSにどのような記述をすればいいのでしょうか？ ご存知の方いらっしゃいましたら宜しくお願いします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル<title> </head> <body> <div id=container> <header> ヘッダー </header> <nav> </nav> <main> </main> <footer> フッター <footer> </div> </body> </html>
- 締切済み
- blueletter12345
- HTML
- 回答数1
- Atomで日本語が打てません。
Ubuntu18.04を使っています。 Atomエディターを使っているのですが、 日本語が打てなくなりました。 ibus-mozcです。 Atomエディター以外ではきちんと打てます。 どうすれば日本語が打てるようになるでしょうか？ 端末でも日本語が問題なく打てます。 ご多忙中すいません。 ご回答の程、宜しくお願い申し上げます。
- 【正規表現】HTML5のpattern属性について
HTML5のpattern属性で半角英数記号を指定するにはどう記述したら良いですか？ HTMLやCSSの学習をしています。 正規表現についてはほぼ分かりません。 (1)ユーザーIDやパスワード入力フォーム半角英数記号のみの入力を処理する場合、type属性は”text”でいいのでしょうか？ (2)pattern 属性に使う正規表現はほぼ理解できません。自分なりに調べてみたのですが、以下のような記述だと＿アンダーバーや＠マークなどの記号は識別できないのではないかと言われました。 また入力文字数制限は正規表現でも出来るようですが、以下のように自分でもわかるminlength, maxlengthで記述しようと思っていまがこれで大丈夫なのでしょうか？ サンプルとして以下のように記述してみました。 type属性や、「半角英数記号」の入力文字など正しい書き方を教えてください。 よろしくお願いします。 <input type="text" name="username" pattern="^[0-9A-Za-z]+$" minlength="4" maxlength="50">
- 締切済み
- blueletter12345
- HTML
- 回答数2
- HTML5で最低限必要とされる記述
お詳しい方、ぜひご教示ください。 とあるサイトにて、「HTML5最小構成ソースコードの記述」と題して、 <!DOCTYPE html> <title>タイトル</title> と、掲載されておりました。 当該サイトでは「違和感があるが、これでもW3C標準」と一言添えられております。 しかし、上記が最低限必要な要素であるとするソースが他に見つけられません。…英語は苦手なので、海外のサイトまでは調べてないのですが。。。 当該サイトの更新も2013年10月とあり、HTML5が勧告された2014年10月28日の約1年前となっています。 お詳しい方。HTML5での最小構成が本当に上記で正しいのか、ぜひ教えて下さい。 よろしくお願いします。
- 締切済み
- TakahisaKikuchi
- HTML
- 回答数2
- 文字コードがどれも化ける。
EUC-JP utf-8 shift-jis ３つとも日本語が文字化けするのですが どう対処すればいいでしょうか？ ご回答の程、宜しくお願い申し上げます。
- フラワーシャワーのようなパララックスの実装について
wordpressでウェブサイトを作っています。 htmlやcssを独学で勉強しながら、アニメーション等を実装していて https://demo.kallyas.net/wedding2/のようにスクロールすると花がでてくるようなパララックスを作りたいのですが、デベロッパーツールを見てもどのように実装しているかが解りません、、、 こちらのサイトでは要素の上に被るように花が出てくるのですが、どのようなhtmlとcssを実装したら良いですか？ ※こちらのサイトのテーマは使用していません。。。 ご教授頂けますと幸いです。
- 締切済み
- ihakeaheulawe
- HTML
- 回答数1
- FFFTPを使ってホームページビルダーで作成したい
FFFTPを使ってホームページビルダーで作成したファイルをアップロードしたいのですが左側のローカル側のフォルダが開けなくなりました。以前は問題なく開いていたのに最近になってクリックしても開けません。右クリックして開くを選択するとソフト内で開くのではなくパソコンの中で開くのでアップロードできません。どうすればいいのでしょうか。もし他にいいソフトがありましたら教えて下さい。よろしくお願いいたします
- ベストアンサー
- hacchi2525
- HTML
- 回答数1
- css javascriptについて教えて下さい。
下記のように、ボタンを押すとdivタグの中にpタグを表示するようにしました。 そこで、そのpタグがdivタグの中央から表示するようにしたいのですが、できません。cssでpタグの左右のmarginをautoにするのかくらいしか思いつかず困っています。pタグがdivタグの中央から表示されるようにするにはどうしたらよいでしょうか。教えて下さい。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>無題ドキュメント</title> <style> #w{ width:500px; height:50px; border : solid 1px; overflow: hidden; } p{ display:inline-block; width:50px; height:50px; margin-left:auto; margin-right:auto; } </style> <script type="text/javascript" language="javascript"> var count = 0; var box; window.onload = function() { box = document.getElementById("w"); } function btnClick(){ var pNode = document.createElement("p"); pNode.innerHTML = count; box.appendChild(pNode); count ++; } </script> </head> <body> <div id="w"></div> <button onClick="btnClick()">Ｐタグを生成</button> </body> </html>
- FFFTPで左側のフォルダーが出ません
FFFTPで左側にローカルフォルダー、右側はサーバーですね。 起動して、右側にサーバーのファイルが出るのですが、左側にローカルフォルダーを出す方法が分かりません。 C:\Program Files (x86)\ffftp というのが表示されているんですが、そこから自分のフォルダーに移動するのはどうしたらいいのでしょうか。 以前作ったのですが、その方法を忘れてしまったのです。
- 【HTML】スマホサイトでの表示
スマホ用にサイトを作成しているのですが、表示されたページをピンチで拡大舌状態でリンクをクリックすると、次に表示されるページも拡大されたままになってしまいます。 これを回避する方法って何かあるのでしょうか？ ページの構成上拡大しないとクリックしづらかったりするので困っています。 当方初心者なので、わかりやすく説明していただけると助かります。 よろしくおねがいします。
- ベストアンサー
- syosinsyasan
- HTML
- 回答数1
- FFFTPの起動画面について
FFFTP を起動することは出来るんですが、画面の左側に epuninst.exe とか FFFTP.CHM などのファイルが表示されて、右側には何もありません。 これは左側に保存元のファイルが出て、右側にはそれを転送されたものが出るのではないのでしょうか。Ver 2.00 です。
- xoopsの質問です
xoopsで「コンテンツの投稿・編集」で作成したページには、設定したブロックが表示されるのですが、htmlファイルを作成してアップロードしたページにはブロックどころかテーマで設定しているメニューも表示されません。 古いですが、解決法をご存知の方、ご教示ください。
- 締切済み
- ferrari328gtslf
- HTML
- 回答数1
- wordpress表示アドレスについて
現在会社のサイトをwordpressに移行させています。 マルチサイト運用です。 が、初めての事だらけで行き詰ってしまい、質問させて頂きました。 スマイルサーバ利用で、ワードプレスを自動インストール。 現在のアドレスが http://サイトの数字/app-def/S-102/会社名/事務所名/ になっているのですが、これを htttp://www.会社名/事務所名/ に、変更したいのです。 これは現在公開しているサイトのアドレスと同じになる予定です。 旧サイトは、いろいろと実績などが残っているので、アドレスを変更して過去サイトとして存続したいと思っています。 色々調べてみると、例えば http://www.会社名/wp/ → http://www.会社名/ にする記事はたくさん出てきます。 アドレスの下部をなくす方法は分かったのですが、アドレスの途中を変えたいとなると、なかなか参考になるサイトを見つける事が出来なくて困っています。 root￢ +色々なフォルダ-app-def-S-102(自動インストール先フォルダ)-会社名-wpデータ +home -（各事務所のサイトへ） という感じの配置になっています。 アドレスを変更するには、wordpress設定ページのアドレスとindex.phpの記述をどう変えるべきなのでしょうか。 それとも、もう、フォルダごとどこかに移動させるのが良いのでしょうか。 初心者丸出しで全然わからず、途方に暮れてしまいました。 どなたか手を貸していただければ、幸いです。 どうぞよろしくお願いいたします。
- ベストアンサー
- aoyagi-hikan
- HTML
- 回答数5
- Atomで過去のプロジェクトが開かれるか否か
Atomエディタ 昨日はatomを起動すれば作成途中のプロジェクトが自動的に開いたのに、本日は新規状態で開かれました。何も設定は触っていません。原因が分かる方いますか？些細なことながら理由が分からず、少々気持ち悪いです。 宜しくお願いします。 悩んだ末このカテゴリで投稿しますが不適切なら通報して下さい。
- 締切済み
- noname#234726
- HTML
- 回答数1
- <ul><ol>箇条書き内容のリンク化は出来ますか
htmlの箇条書き<ul><ol>の<li>の各項目に、別のページへのリンクをつける事は出来るでしょうか。 いくつかリンクを並べる際にも、ulやolは使う物なのでしょうか。 馬鹿な事を言ってましたら済みません、 宜しくお願いします。
- ベストアンサー
- noname#234726
- HTML
- 回答数1