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

CSSを使用してdivを2つの列に分割しようとしましたが、まだ機能していません。私の基本的な構造は次のとおりです： <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div> 右と左のdivをそれぞれの位置（右と左）にフロートしようとすると、コンテンツdivの背景色が無視されるようです。そして、私がさまざまなウェブサイトから試した他のコードは、私の構造に変換することができないようです。 助けてくれてありがとう！

89 css  html  css-float 

JavaScriptでtext入力ボックスを必須としてマークしようとしています。 <input id="edName" type="text" id="name"> フィールドが最初にマークされている場合required： <form> <input id="edName" type="text" id="name" required><br> <input type="submit" value="Search"> </form> ユーザーが送信しようとすると、検証エラーが発生します。 しかし今、私はJavaScriptを介して"runtime"でrequired属性を設定したいと思います： <form> <input id="edName" type="text" id="name"><br> <input type="submit" value="Search"> </form> 対応するスクリプト： //recommended W3C HTML5 syntax for boolean attributes document.getElementById("edName").attributes["required"] = ""; 今提出する場合を除いて、検証チェックもブロックもありません。 HTML5検証ブール属性を設定する正しい方法は何ですか？ jsFiddle 属性の値は何ですか？ HTML5検証required属性は、Boolean次のように文書化されています。 4.10.7.3.4 required属性 required属性があるブール属性。指定する場合、要素は必須です。 boolean属性を定義する方法については、多くの手書きがあります。HTML5仕様のメモ： 要素にブール属性が存在することは真の値を表し、属性が存在しないことは偽の値を表します。 属性が存在する場合、その値は、空の文字列か、属性の正規名と大文字小文字を区別せずにASCIIで、先頭または末尾に空白を含まない値である必要があります。 これは、required …

89 javascript  html  validation 

テキストボックスとボーダーの青い輝きを削除したいのですが、jsまたはcssをオーバーライドする方法がわかりません。ここを確認してください 編集1 私はjqueryプラグインTag-itを使用しており、Twitterブートストラップも使用しているため、これを実行したいのですが、プラグインは非表示のtextFieldを使用してタグを追加しますが、Twitterブートストラップを使用している場合、内部にグローがあるテキストボックスとして表示されます。少し変なテキストボックス

89 javascript  jquery  html  css  twitter-bootstrap 

なぜブラウザが最初の要素に対してのみ二重引用符を表示するのかと思っています。代わりに、2番目の要素には単一引用符があります。 a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> コードスニペットを実行する結果を非表示スニペットを展開

89 html  css  pseudo-element  css-content 

トップメニューにカートを使用push-rightしています。問題は、ドロップダウンの吹き出しがページから外れることです。バブルを右揃えにして、「クリック」で右揃えにしようとしています このような HTML： <div class="cart pull-right"> <ul class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a> <div class="dropdown-menu"> STUFF </div> </li> </ul> </div>

89 html  css  twitter-bootstrap 

以下のメッセージがあります（少し変更されています）： 「2011年1月30日までにコンテストに参加すると、素晴らしい夏の旅行を含め、最高$$$を獲得できます。」 私は現在持っています： <p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"> テキスト文字列をフォーマットしますが、「2011年1月30日」の色を＃FF0000に、「夏」の色を＃0000A0に変更します。 HTMLまたはインラインCSSでこれを厳密に行うにはどうすればよいですか？

89 html  css  text  colors  inline 

Font Awesomeに含まれている検索アイコンを入力に使用するにはどうすればよいですか？私のサイトには（PHPmotionに基づく）検索機能があり、それを検索に使用したいと考えています。 これがコードです： <div id="search-bar"> <form method="get" action="search.php" autocomplete="off" name="form_search"> <input type="hidden" name="type" value="videos" /> <input autocomplete="on" id="keyword" name="keyword" value="Search Videos" onclick="clickclear(this, 'Search Videos')" onblur="clickrecall(this,'Search Videos')" style="font-family: verdana; font-weight:bold; font-size: 10pt; height: 28px; width:186px; color: #000000; padding-left: 2px; float:left; border: 1px solid black; background-color: #ffffff" /> <input type="image" src="http://viddir.com/themes/default/images/search.jpg" height="30" …

89 html  css  font-awesome 

HTMLページにティック（✔）とクロス（✘）の記号を表示したいのですが、ボックスまたはグープとして表示されます。これは明らかにエンコーディングと関係があります。 メタタグをutf-8を表示するように設定しましたが、明らかに何かが足りません。 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 編集/解決策：行われたコメントから、FireBugを使用して、ページから渡されるヘッダーが実際には「Content-Type：text / html」であり、UTF-8ではないことがわかりました。Notepad ++を使用してファイル形式を見ると、私のファイルは「BOMなしのUTF-8」としてフォーマットされていることがわかりました。これをUTF-8だけに変更すると、シンボルが正しく表示されるようになりました...しかし、firebugは同じコンテンツタイプを示しているようです。

89 html  unicode 

タグを含む1行のテキストをブラウザに出力したい。これがレンダリングされると、DIVによって改行が発生するように見えます。同じ行のdivタグにコンテンツを含めるにはどうすればよいですか？これが私のコードです。 <?php echo("<a href=\"pagea.php?id=$id\">Page A</a>") ?> <div id="contentInfo_new"> <script type="text/javascript" src="getData.php?id=<?php echo($id); ?>"></script> </div> 私はここでそれを片付けようとしました。この表示を1行にするにはどうすればよいですか？

89 html  css 

セルの背景色が白で、テーブルの背景色が青であるため、セル間にスペースを入れてテーブルを追加しようとしています。パディングとマージンが機能していないことが簡単にわかります（に適用していますtd）。セル内にスペースを追加するだけです。

89 html  css 

いくつかのテキストフィールドを持つフォームがあり、ページが読み込まれたときにフォームの最初のテキストフィールドにカーソル（オートフォーカス）を置きたいです。 javascriptを使わずにやりたいです。

89 css  html 

2つのdivが並んでいるdiv（#wrapper）があります。 right-divを垂直に揃えたいのですが。メインラッパーでvertical-align：middleを試しましたが、機能しません。それは私を夢中にさせています！ 誰かが助けてくれることを願っています。 http://cssdesk.com/LWFhW HTML： <div id="wrapper"> <div id="left-div"> <ul> <li>One</li> <li>Two</li> </ul> </div> <div id="right-div"> Here some text... </div> </div> CSS： #wrapper{ width:400px; float:left; height:auto; border:1px solid purple;} #left-div{ width:40px; border:1px solid blue; float:left;} #right-div{ width:350px; border:1px solid red; float:left;} ul{ list-style-type: none; padding:0; margin:0;}

89 html  css 

Reactで無限スクロールを実装する方法を探しています。私はreact-infinite-scrollに出くわしましたが、それはDOMにノードを追加するだけで、それらを削除しないため、非効率的であることがわかりました。DOMに一定数のノードを追加、削除、維持するReactの実証済みのソリューションはありますか？ これがjsfiddleの問題です。この問題では、一度にDOMに50個の要素のみを含めたいと思います。他のものは、ユーザーが上下にスクロールするときにロードおよび削除する必要があります。最適化アルゴリズムのため、Reactの使用を開始しました。今、私はこの問題の解決策を見つけることができませんでした。私はairbnbinfinitejsに出くわしました。ただし、Jqueryで実装されています。このairbnb無限スクロールを使用するには、やりたくないReactの最適化を失う必要があります。 スクロールを追加したいサンプルコードは次のとおりです（ここではすべてのアイテムをロードしています。私の目標は一度に50個のアイテムのみをロードすることです） /** @jsx React.DOM */ var Hello = React.createClass({ render: function() { return (<li>Hello {this.props.name}</li>); } }); var HelloList = React.createClass({ getInitialState: function() { var numbers = []; for(var i=1;i<10000;i++){ numbers.push(i); } return {data:numbers}; }, render: function(){ var response = this.state.data.map(function(contact){ return (<Hello name="World"></Hello>); }); return (<ul>{response}</ul>) } …

89 javascript  html  infinite-scroll  reactjs 

HTML5 / XHTMLロール属性でどの値が有効か疑問に思いましたか？

89 html 

私はこのコードを持っています（これは私に期待される結果を与えません） #subject_content.html {% block main-menu %} {% include "subject_base.html" %} {% endblock %} #subject_base.html .... .... <div id="homework" class="tab-section"> <h2>Homework</h2> {% include "subject_file_upload.html" %} </div> 子テンプレート： #subject_file_upload.html <form action="." method="post" enctype="multipart/form-data">{% csrf_token %} {{ form.as_p }} <input type="submit" value="submit"> </form> と私の見解 #views.py @login_required def subject(request,username, subject): if request.method == "POST": …

89 html  django  variables  include  django-templates