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

HTML入力があります。 入力にはpadding: 5px 10px;、親divの幅（流体）の100％にする必要があります。 しかし、使用するwidth: 100%;と、入力は100% + 20pxどうすればこれを回避できますか？ 例

397 html  css  width  fluid-layout 

私はこれら3つすべてを役に立たないように試みました： <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” /> <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=false;” /> <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;” /> それぞれがGoogle検索またはSO検索で推奨されている異なる値ですが、「user-scalable = X」値のいずれも機能していないようです セミコロンの代わりに値をコンマで区切って試しましたが、うまくいきませんでした。それから私はuser-scalable価値があることだけを試しましたが、まだ運がありません。 更新 これをAppleのサイトから入手して動作します。 <meta name="viewport" content="width=device-width, user-scalable=no" /> 私はそれらを使用しているウェブサイトからメタタグをコピーしたので、問題は非標準的な引用であることがわかりました、おっと

393 html  ios  mobile-safari  zoom  viewport 

次のように、コンテナーdiv内に3つのdivを配置したいと思います。 [[LEFT] [CENTER] [RIGHT]] コンテナーdivは100％幅（設定された幅なし）であり、コンテナーのサイズを変更した後、中央のdivは中央にとどまる必要があります。 だから私は設定しました： #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;} #center{margin:0 auto;width:100px;} しかし、次のようになります。 [[LEFT] [CENTER] ] [RIGHT] 任意のヒント？

392 html  css  flexbox  alignment  css-float 

divを折りたたみから展開（およびその逆）にするにはどうすればよいですか？ 私が目にするほとんどすべては常に左から右です。

390 jquery  html  css  jquery-ui  position 

私はHTMLプロジェクトに取り組んでおり、JavaScriptなしで新しいタブでリンクを開く方法を見つけることができません。 <a href="http://www.WEBSITE_NAME.com"></a>同じタブでリンクを開くことはすでに知っています。それを新しいもので開く方法はありますか？

390 html  hyperlink  anchor  browser-tab 

たとえば、MS WordのA4サイズのページのようにHTMLページを動作させることはできますか？ 基本的に、ブラウザーでHTMLページを表示し、A4サイズのページのサイズでコンテンツの輪郭を描けるようにしたいと考えています。 簡単にするために、HTMLページにはテキストのみが含まれ（画像などは含まれず）、<br>たとえばタグはないと想定しています。 また、HTMLページを印刷すると、A4サイズの紙ページになります。

388 html  css  printing 

これはおそらくばかげた質問ですが、画像を中央に揃える通常の方法が機能していないので、私は尋ねると思いました。コンテナーdiv内で画像を（水平に）中央揃えにする方法はありますか？ これがHTMLとCSSです。サムネイルの他の要素のCSSも含めました。降順で実行されるため、最高の要素はすべてのコンテナであり、最低の要素はすべての内部です。 #thumbnailwrapper { color: #2A2A2A; margin-right: 5px; border-radius: 0.2em; margin-bottom: 5px; background-color: #E9F7FE; padding: 5px; border: thin solid #DADADA; font-size: 15px } #artiststhumbnail { width: 120px; height: 108px; overflow: hidden; border: thin solid #DADADA; background-color: white; } #artiststhumbnail:hover { left: 50px } <!--link here--> <a href="NotByDesign"> <div id="thumbnailwrapper"> <a …

388 html  css 

スパンがある場合は、次のように言います。 <span id="myspan"> hereismytext </span> JavaScriptを使用して「hereismytext」を「newtext」に変更するにはどうすればよいですか？

388 javascript  html 

HTML5のポリフィルの意味は何ですか？HTML5-Cross-Browser-Polyfillsなど、HTML5に関する多くのサイトでこの言葉を見ました。 したがって、ここでは、シム、フォールバック、およびポリフィルをすべて収集して、それらをネイティブでサポートしていないブラウザーにHTML5機能を埋め込んでいます。 ポリフィルの意味がわかりません。 それは新しいHTML5テクニックですか、それともJavaScriptライブラリですか？HTML5の前にこの言葉を聞いたことがありません。 そして、シム、フォールバック、ポリフィルの違いは何ですか？

387 javascript  html  fallback  polyfills  shim 

3 x 3のテーブルがあります。すべての行の下部に境界線を追加しtrて、特定の色を付ける方法が必要です。 最初に私は直接的な方法、すなわち： <tr style="border-bottom:1pt solid black;"> しかし、それはうまくいきませんでした。だから私はこのようなCSSを追加しました： tr { border-bottom: 1pt solid black; } それでもうまくいきませんでした。 styleすべての行に属性を追加する必要がないため、CSSを使用したいと思います。にborder属性を追加していません<table>。それが私のCSSに影響を与えないことを願っています。

386 html  css  html-table 

Beautifulsoupを使用して "class"属性を持つHTML要素を解析するのに問題があります。コードは次のようになります soup = BeautifulSoup(sdata) mydivs = soup.findAll('div') for div in mydivs: if (div["class"] == "stylelistrow"): print div スクリプトが終了した後、同じ行にエラーが表示されます。 File "./beautifulcoding.py", line 130, in getlanguage if (div["class"] == "stylelistrow"): File "/usr/local/lib/python2.6/dist-packages/BeautifulSoup.py", line 599, in __getitem__ return self._getAttrMap()[key] KeyError: 'class' このエラーを取り除くにはどうすればよいですか？

386 python  html  web-scraping  beautifulsoup 

tdタグをすべての列にまたがるように指定するにはどうすればよいですか（テーブル内の列の正確な数が可変で、HTMLがいつレンダリングされるかを決定するのが難しい場合）？w3schoolsはを使用できると述べていますがcolspan="0"、どのブラウザーがその値をサポートしているかを正確に示していません（IE 6はサポートするリストにあります）。 colspan理論上の列数よりも大きい値に設定しても機能するようですが、にtable-layout設定した場合は機能しませんfixed。多数の自動レイアウトを使用することの欠点はありますcolspanか？これを行うより正しい方法はありますか？

385 html  html-table  tablelayout 

StackOverflowには、offsetWidth / clientWidth / scrollWidth（および-Height）に関するいくつかの質問がありますが、それらの値の包括的な説明はありません。 また、Webには、混乱または不正確な情報を提供するソースがいくつかあります。 いくつかの視覚的なヒントを含む完全な説明を提供できますか？また、これらの値を使用してスクロールバーの幅を計算するにはどうすればよいですか？

385 html  css  dom 

私はを使用gulpして、変更とブラウザーの同期を維持するためのコンパイルとブラウザーの同期に使用するWebサイトに取り組んでいます。 gulpタスクはすべてを適切にコンパイルしますが、Webサイトではスタイルを確認できず、コンソールに次のエラーメッセージが表示されます。 ' http：// localhost：3000 / assets / styles / custom-style.css 'からのスタイルの適用は拒否されました。MIMEタイプ（ 'text / html'）はサポートされているスタイルシートMIMEタイプではなく、厳密なMIMEチェックが有効になっているためです。 今、私はこれがなぜ起こるのか本当に理解していません。 HTMLには次のようなファイルが含まれています（これは正しいと確信しています）。 <link rel="stylesheet" type="text/css" href="assets/styles/custom-style.css"/> そしてスタイルシートは今のところBootstrapとfont-awesomeスタイルの融合です（まだカスタムはありません）。 これもフォルダ構造なので、パスも正しいです。 index.html assets |-styles |-custom-style.css しかし、エラーが発生し続けます。 どうなり得るか？これはおそらくgulp / browsersyncの何かですか？

383 html  css  gulp  mime-types  browser-sync 

次の2つのコードスニペットの違いは何でしょうか。 <label>Input here : </label> <input type='text' name='theinput' id='theinput'/> そして <label for='theinput'>Input here : </label> <input type='text' name='theinput' id='theinput'/> あなたが特別なJavaScriptライブラリを使用するときに何かを実行すると確信していますが、それとは別に、HTMLを検証するか、または他の何らかの理由で必要ですか？

382 html  forms  input  label