プログラミング html

12

私はこのコードを持っています： <select> <option value="c">Klassen</option> <option value="t">Docenten</option> <option value="r">Lokalen</option> <option value="s">Leerlingen</option> </select> iPhoneのフルスクリーンWebアプリで実行します。このリストから何かを選択すると、iPhoneは-select要素にズームインします。そして、何かを選択した後、ズームアウトしません。どうすればこれを防ぐことができますか？またはズームアウトしますか？

84 javascript css html iphone-web-app

13

身長100％で縦スクロールバーを表示

好奇心から、以下の例を考慮すると、＃container divにマージンがあると、ブラウザーに垂直スクロールバーが表示されるのはなぜですか？コンテナの高さは、100％に設定されている本体の高さよりもはるかに小さくなっています。 #containerを除くすべての要素のパディングとマージンを0に設定しました。#containerdivの絶対位置を意図的に省略していることに注意してください。この場合、ブラウザは体の高さをどのように計算し、マージンはそれにどのように影響しますか？ <!DOCTYPE html> <html> <head> <style type="text/css"> * { padding:0; margin:0;} html, body { height:100%; } #container { padding:10px; margin:50px; border:1px solid black; width: 200px; height: 100px; } </style> </head> <body> <div id='container'> </div> </body> </html> JSFiddleの例

84 html css

3

jqueryは特定のフォームからすべての入力を取得します

特定のフォームからのすべての入力を入力する方法はありますか？たとえば、次のようなものがあります。 <form id="unique00"> <input type="text" name="whatever" id="whatever" value="whatever" /> <div> <input type="checkbox" name="whatever" id="whatever" value="whatever" /> </div> <table><tr><td> <input type="hidden" name="whatever" id="whatever" value="whatever" /> <input type="submit" value="qweqsac" /> </td></tr></table> </form> <form id="unique01"> <div> <input type="text" name="whatever" id="whatever" value="whatever" /> <input type="checkbox" name="whatever" id="whatever" value="whatever" /> </div> <table><tr><td> <input type="hidden" name="whatever" …

84 javascript jquery html

14

Webブラウザ内にPDFを表示する

Webブラウザ内の.htmlページにPDFを表示するにはどうすればよいですか？

84 html pdf browser

7

HTMLElementを文字列に変換する方法

サーバー側とデータを交換するために、JavaScriptでXML要素を作成します。でできることがわかりましたdocument.createElement。しかし、それを文字列に変換する方法がわかりません。それを簡単にするためにブラウザにAPIはありますか？または、このAPIを含むJSライブラリはありますか？編集：ブラウザAPI XMLSerializer、文字列にシリアル化する正しい方法であることがわかりました。

84 javascript html

11

ブートストラップでcol-md-1.5を指定できますか？

TwitterBoοtstrapの列を調整したい。ブートストラップには12列のグリッドがあることを知っています。3 3 33の代わりに1.53.5 3.5 3.5になるようにグリッドを操作する方法はありますか？

84 html twitter-bootstrap

12

HTMLiframe-スクロールを無効にする

私のサイトには次のiframeがあります。 <iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no" style="overflow: hidden"></iframe> そして、それはスクロールバーを持っています。それらを取り除く方法は？

84 html css iframe

5

CSS：親の高さを基準にして画像サイズを設定するにはどうすればよいですか？

幅と高さの比率を維持するように画像のサイズを変更する方法を見つけようとしていますが、画像の高さが含まれているdivの高さと一致するまでサイズが変更されます。これらの画像はかなり大きくて長い（スクリーンショット）ので、手動で画像のサイズを変更せずに、幅200ピクセル、高さ180ピクセルのdivに表示したいと思います。これを見栄えよくするために、画像の側面はオーバーフローし、含まれているdivで非表示にする必要があります。これは私がこれまでに持っているものです： http://jsfiddle.net/f9krj/2/ HTML <a class="image_container" href="http://www.skintype.ca/assets/background-x_large.jpg"> <img src="http://www.skintype.ca/assets/background-x_large.jpg" alt="" /> </a> CSS a.image_container { background-color: #999; width: 200px; height: 180px; display: inline-block; overflow: hidden; } a.image_container img { width: 100%; } ご覧のとおり、画像の親コンテナには灰色が表示されていますが、まったく表示されるべきではありません。そのコンテナを完全に満たすには、幅が両側で均等にオーバーフローする必要があります。これは可能ですか？高すぎる画像を説明することもできますか？

84 html image css

6

フィットするようにズーム：HTMLに埋め込まれたPDF

ローカルのPDFファイルを単純なWebページに埋め込んでおり、オブジェクトのサイズに合うように初期ズームを設定しようとしています。これが私が試したものですが、ズームには影響しません。 <embed src="filename.pdf?zoom=50" width="575" height="500"> 最初のズームがオブジェクトのサイズに合うように設定されるようにコードを変更する方法を知っている人はいますか。

84 html object pdf

2

HTML5データリストオプションにCSSスタイルを適用する方法はありますか？

データリストのさまざまなオプションのリストの表示方法を変更したいと思います。いくつかのCSSプロパティを適用することは可能ですか？ <input list="languages" id="language_id"> <datalist id="languages"> <option value="html">HTML</option> <option value="java">Java</option> <option value="perl">Perl</option> <option value="php">PHP</option> <option value="ruby-on-rails">Ruby on Rails</option> </datalist> 私は試した option { background: red; } しかし、それは機能していないようです。

84 css html option html-datalist

5

text-align：<select>または<option>の右側

それが右に整列したテキストに可能かどう誰もが知っている<select>か、より具体的<option>で要素のWebKitを。これは、IEを含むクロスブラウザーソリューションである必要はありませんが、可能であれば純粋なCSSである必要があります。私は両方を試しました： select { text-align: right }およびoption { text-align: right }、ただし、どちらもWebKit（Chrome、Safari、またはMobile Safari）では機能していないようです。どんな助けもありがたく受けました！

84 html css webkit

4

Javascriptを使用したセッションのみのCookie

JavascriptでセッションのみのCookieを作成できるかどうか疑問に思いました。ブラウザを閉じたら、Cookieを削除する必要があります。 WebサイトはHTMLのみであるため、サーバー上では何も使用できません...したがって、サーバー側スクリプトは使用されません。私はここでこれについて何かを読みました：http： //blog.lysender.com/2011/08/setting-session-only-cookie-via-javascript/ しかし、私はこれについてこれ以上の情報を見つけることができません...だから私はこの方法が信頼できるかどうか疑問に思います。

84 javascript html

5

複数のページでナビゲーションバーを再利用するにはどうすればよいですか？

home /index.htmlページの作成が完了しました。ナビゲーションバーを現在の場所に維持し、ユーザーがすべてのページをクリックしている間、ナビゲーションバーを維持するため。ナビゲーションコードをコピーして各ページの上部に貼り付ける必要がありますか？それとも、きれいに見えるようにする別の方法はありますか？ HMTLナビゲーション： <nav> <div> <a href="/"> <div id="logo"><img src="image.png" alt="Home"/></div> <div id="headtag"><img src="image.png" alt="Home"/></div> <div id="tagline"><img src="image.png" alt="Home"/></div> </a> </div> <div> <a href="/" class="here">Home</a> <a href="/about.html" >About</a> <a href="/services.html" >Services</a> <a href="/pricing.html" >Pricing</a> <a href="/contact.html" >Contact Us</a> <input id="srchbar" type="search" placeholder="Search"> </div> </nav>

84 html navbar

9

角度を使用して新しいタブでリンクを開く方法は？

新しいタブでリンクを開く必要がある角度5コンポーネントがあります。次のことを試しました。 <a href="www.example.com" target="_blank">page link</a> リンクを開くと、アプリケーションが遅くなり、次のようなルートが開きます。 localhost:4200/www.example.com 私の質問は：これを角度で行う正しい方法は何ですか？

84 html angular routes anchor

7

パルスハートCSSアニメーション

私はCSSだけでアニメーションの心臓に取り組んでいます。 2回パルスし、少し休憩してから、もう一度繰り返します。私が今持っているもの： small ==> big ==> small ==> repeat animation 私が何をしようとしているのか： small ==> big ==> small ==> big ==> small ==> pause ==> repeat animation どうすればいいですか？私のコード： #button{ width:450px; height:450px; position:relative; top:48px; margin:0 auto; text-align:center; } #heart img{ position:absolute; left:0; right:0; margin:0 auto; -webkit-transition: opacity 7s ease-in-out; -moz-transition: opacity …

83 html css animation

タグ付けされた質問 「html」

タグ付けされた質問「html」