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

私が取得したい確認メッセージを削除（この多分ボタンや画像）をクリックするに。ユーザーが「Ok」を選択すると削除が実行され、それ以外の場合は「Cancel」をクリックしても何も起こりません。 ボタンがクリックされたときにこれをエコーし​​ようとしましたが、何かをエコーすると、入力ボックスとテキストボックスのスタイルとデザインが失われます。

204 javascript  html 

次のように、受信トレイに使用する簡単なテーブルを持っています。 <table border="1"> <tr> <th>From</th> <th>Subject</th> <th>Date</th> </tr> 開始日と日付がページ幅の15％、件名が70％になるように幅を設定するにはどうすればよいですか。また、テーブルがページ幅全体を占めるようにします。

204 html  css  html-table 

HTMLリストとCSSを使用して水平メニューを作成しました。リンクの上にカーソルを置くと、すべてが正常に機能します。ご覧のとおり、リンクに太字のホバー状態を作成しましたが、太字のサイズの違いによりメニューリンクがシフトします。 このSitePointの投稿と同じ問題が発生します。ただし、投稿には適切な解決策がありません。私はどこでも解決策を探しましたが、解決策が見つかりません。きっと私だけがそうすることはできません。 誰かアイデアはありますか？ PS：メニュー項目のテキストの幅がわからないので、li項目の幅を設定することはできません。 .nav { margin: 0; padding: 0; } .nav li { list-style: none; display: inline; border-left: #ffffff 1px solid; } .nav li a:link, .nav li a:visited { text-decoration: none; color: #000; margin-left: 8px; margin-right: 5px; } .nav li a:hover{ text-decoration: none; font-weight: bold; } .nav li.first { …

204 html  css  hover  text-size 

フレックスボックスに2つのdivが並んでいます。右手は常に同じ幅である必要があり、左手は残りのスペースをつかむだけです。しかし、特に幅を設定しない限り、効果はありません。 したがって、現時点では96％に設定されており、実際に画面を押しつぶすまで問題ありません。その後、右側のdivに必要なスペースが不足します。 私はそれをそのままにしておくことができると思いますが、それは間違っていると感じています-言う方法があるように： 正しいものは常に同じです。あなたは左側にいます-あなたは残っているすべてを手に入れます .ar-course-nav { cursor: pointer; padding: 8px 12px 8px 12px; border-radius: 8px; } .ar-course-nav:hover { background-color: rgba(0, 0, 0, 0.1); } <br/> <br/> <div class="ar-course-nav" style="display:flex; justify-content:space-between;"> <div style="width:96%;"> <div style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"> <strong title="Course Name Which is Really Quite Long And Does Go On a Bit …

204 html  css  flexbox 

私は主にモバイルユーザー向けのサイトを持っていますが、デスクトップ向けのサイトもあります。 Mobile Safariでは、<input type="number">数字のみを入力する必要がある入力フィールドに数字キーボードが表示されるため、を使用するとうまく機能します。 ただし、ChromeとSafariでは、数値入力を使用すると、フィールドの右側にスピンボタンが表示されます。これは、私のデザインではがらくたのように見えます。とにかく6桁の数字のようなものを書く必要があるときは、ボタンは役に立たないので、私は本当にボタンを必要としません。 -webkit-appearanceまたは他のCSSトリックでこれを無効にすることは可能ですか？運が悪いので試してみました。

203 css  html  webkit 

メンテナンスを容易にするために、CMS内に多数のHTMLブロックを格納しています。彼らはによって表されます<textarea> sでます。 textareaプレーンテキストエディター（WYSIWYGや高度な機能はありません）のままで、HTMLの構文を強調表示できるJavaScriptウィジェットを知っている人はいますか？

203 javascript  html  richtextbox  widget  highlighting 

私は、各li内にハイパーリンクを含む複数のリストアイテムを含む順不同リストのモバイルWebアプリケーションを持っています。 ...私の質問は、iPhoneで表示したときにハイパーリンクのサイズが変更されず、加速度計が縦向きから横向きに切り替わるようにハイパーリンクをフォーマットするにはどうすればよいですか？現在、ハイパーリンクのフォントサイズの仕様は14pxになっていますが、横長に切り替えると、20px程度まで吹き飛ばされます。font-sizeを変更しないでください。これがコードです： ul li a { font-size:14px; text-decoration: none; color: #cc9999; } <ul> <li id="home" class="active"> <a href="home.html">HOME</a> </li> <li id="home" class="active"> <a href="test.html">TEST</a> </li> </ul> コードスニペットを実行する結果を非表示スニペットを展開

203 iphone  html  css 

JSXでReact変数を使用してHTMLを挿入する必要があるReactで何かを構築しています。そのような変数を持つ方法はありますか： var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; そしてそれをreactに挿入してそのように動作させますか？ render: function() { return ( <div className="content">{thisIsMyCopy}</div> ); } 期待どおりにHTMLを挿入していますか？これをインラインで実行することができる反応関数、またはこれを機能させることを可能にするものを解析する方法について、私は何も見たり聞いたりしたことがありません。

203 javascript  html  frontend  reactjs  react-jsx 

なんらかの理由でわからないレガシーアプリが動作し始めました。ActivePDFによってPDFレポートに変換される一連のHTMLを生成します。 プロセスは次のように機能します。 置き換えられるトークンが含まれているDBからHTMLテンプレートをプルします（「〜CompanyName〜」、「〜CustomerName〜」など） トークンを実際のデータに置き換える HTMLタグの属性値をプロパティでフォーマットする単純な正規表現関数を使用してHTMLを整頓します（ActivePDFのレンダリングエンジンは属性値を一重引用符で囲んでいないため、引用符などを保証します）。 PDFを作成するWebサービスにHTMLを送信します。 その混乱のどこかに、HTMLテンプレート（ s）からの改行しないスペースがISO-8859-1としてエンコードされているため、ブラウザー（FireFox）でドキュメントを表示すると、「Â」文字として誤って表示されます。これらの非UTF8文字でActivePDFの悪ふざけ。 私の質問：問題の原因がわからず、問題を調査する時間がないので、問題のある文字を再エンコードまたは検索して置き換える簡単な方法はありますか？私は一緒に投げたこの小さな関数を使って送信してみましたが、すべてをgobbledegookに変換しても何も変わりません。 Private Shared Function ConvertToUTF8(ByVal html As String) As String Dim isoEncoding As Encoding = Encoding.GetEncoding("iso-8859-1") Dim source As Byte() = isoEncoding.GetBytes(html) Return Encoding.UTF8.GetString(Encoding.Convert(isoEncoding, Encoding.UTF8, source)) End Function 何か案は？ 編集： 私は今のところこれでうまくいきますが、それは良い解決策のようには思えません： Private Shared Function ReplaceNonASCIIChars(ByVal html As String) As String Return Regex.Replace(html, "[^\u0000-\u007F]", …

203 html  vb.net  encoding  utf-8  iso-8859-1 

要素のCSSスタイルを定義することは可能ですか？これは、一致する要素に特定の要素が（直接の子アイテムとして）含まれている場合にのみ適用されますか？ これは、例を使用して説明するのが最適だと思います。 注：含まれている子要素に応じて、親要素をスタイル設定しようとしています。 <style> /* note this is invalid syntax. I'm using the non-existing ":containing" pseudo-class to show what I want to achieve. */ div:containing div.a { border: solid 3px red; } div:containing div.b { border: solid 3px blue; } </style> <!-- the following div should have a red border …

203 html  css 

ReactJSは初めてですが、これがうまくいかなくて申し訳ありません。受け取ったデータに従っていくつかのテーブル行を作成するコンポーネントがあります。 列内の各セルにはラジオチェックボックスがあります。したがって、ユーザーは既存の行から1つと1つsite_nameを選択できますaddress。選択はフッターに表示されます。そして、それは私が行き詰まっているところです。 var SearchResult = React.createClass({ render: function(){ var resultRows = this.props.data.map(function(result){ return ( <tbody> <tr> <td><input type="radio" name="site_name" value={result.SITE_NAME}>{result.SITE_NAME}</input></td> <td><input type="radio" name="address" value={result.ADDRESS}>{result.ADDRESS}</input></td> </tr> </tbody> ); }); return ( <table className="table"> <thead> <tr> <th>Name</th> <th>Address</th> </tr> </thead> {resultRows} <tfoot> <tr> <td>chosen site name ???? </td> <td>chosen address ????? </td> …

203 html  reactjs 

jQueryを使用して実行時にタグのhref属性を設定する最良の方法は何<a>ですか？ また、jQueryを使用しhrefて<a>タグの属性の値をどのように取得しますか？

202 javascript  jquery  html 

私がこのHTMLを持っているとしましょう： <h3>Features</h3> <ul> <li><img src="alphaball.png">Smells Good</li> <li><img src="alphaball.png">Tastes Great</li> <li><img src="alphaball.png">Delicious</li> <li><img src="alphaball.png">Wholesome</li> <li><img src="alphaball.png">Eats Children</li> <li><img src="alphaball.png">Yo' Mama</li> </ul> そしてこのCSS： li { text-align:center; display:inline-block; padding:0.1em 1em } img { width:64px; display:block; margin:0 auto } 結果はここで見ることができます：http : //jsfiddle.net/YMN7U/1/ これを3つの列に分割したいとします<br>。3番目の列の後にaを注入するのと同じこと<li>です。（実際にそれを行うと、意味的および構文的に無効になります。） <li>CSSで3番目を選択する方法を知っていますが、その後に改行を強制するにはどうすればよいですか？これは動作しません： li:nth-child(4):after { content:"xxx"; display:block } この特定のケースがのfloat代わりにを使用して可能であることも知っていますがinline-block、を使用したソリューションには興味がありませんfloat。また、固定幅ブロックでは、親の幅をulその幅の約3倍に設定することでこれが可能であることも知っています。このソリューションには興味がありません。また、display:table-cell実際の列が必要な場合に使用できることも知っています。このソリューションには興味がありません。インラインコンテンツ内で強制的に中断する可能性に興味があります。 編集：明確にするために、私は特定の問題の解決策ではなく、「理論」に興味があります。CSSはdisplay:inline(-block)?要素の途中で改行を挿入できますか、それとも不可能ですか？不可能だと確信しているなら、それは許容できる答えです。

202 html  css 

テキストをイタリックにする正しい方法は何ですか？私は次の4つのアプローチを見てきました。 <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> これは「古い方法」です。<i>意味的な意味はなく、テキストをイタリックにすることの表現効果のみを伝えます。私の知る限り、これは非セマンティックなので、明らかに間違っています。 <em> これは、純粋に表示の目的でセマンティックマークアップを使用します。たまたま、<em>デフォルトではテキストをイタリックで表示するため、<i>回避する必要があることは知っているが、その意味的な意味を知らない人がよく使用します。強調されているため、すべての斜体テキストが斜体であるとは限りません。時々、それはサイドノートやささやきのように、正反対になることがあります。 <span class="italic"> これは、CSSクラスを使用してプレゼンテーションを配置します。これは正しい方法であるとしばしば宣伝されていますが、これも私には間違っているようです。これは、それ以上の意味的な意味を伝えているようには見えません<i>。しかし、その支持者は泣き叫ぶ。もしあなたがそれを大胆にしたかったなら、後であなたのすべてのイタリック体のテキストを変更する方がはるかに簡単です。しかし、そうではありません。テキストを太字にした「italic」というクラスが残ってしまうからです。さらに、なぜウェブサイトのすべての斜体テキストを変更したいのか、少なくともこれが望ましくない、または必要でない場合を考えることができる理由は明らかではありません。 <span class="footnote"> これは、セマンティクスにCSSクラスを使用します。これまでのところこれが最善の方法のようですが、実際には2つの問題があります。 すべてのテキストがセマンティックマークアップを保証するのに十分な意味を持つわけではありません。たとえば、ページの下部にある斜体のテキストは本当に脚注ですか？それとも余談ですか？または完全に別の何か。おそらく、特別な意味はなく、イタリック体でレンダリングして、前のテキストからプレゼンテーションを区別するだけです。 意味的な意味は、十分な強度がない場合に変わる可能性があります。ページの一番下にあるテキストだけに基づいて「脚注」に沿ったとしましょう。数か月後に下部にテキストを追加したい場合はどうなりますか？もはや脚注ではありません。どのようにして<em>これらよりも一般的ではないがこれらの問題を回避するセマンティッククラスを選択できますか？ 概要 イタリック体を作成したいという欲求がセマンティックな意味を持たせることを意図していない多くの場合、セマンティクスの要件は非常に負担になるようです。 さらに、スタイルと構造を分離したいという欲求により、CSS <i>は、実際にはあまり役に立たない場合があるときの代わりとして宣伝されてきました。だから、これは私に謙虚な<i>タグを残し、この一連の考え方がHTML5仕様に残されている理由であるかどうか疑問に思いますか？ このテーマについての良いブログ投稿や記事はありますか？おそらく、<i>タグを保持/作成する決定に関与した人々によるのでしょうか？

202 html  css  semantic-markup 

<center>HTML のタグが廃止された理由を知りたいだけです。 これ<center>は、コンテナーを<center>タグでカプセル化することにより、テキストと画像のブロックをすばやく中央揃えする簡単な方法でしたが、今のところ、これを行う簡単な方法はありません。 「もの」（margin-left:auto; margin-right:auto;と幅のものではない）を中央に配置する簡単な方法を知っている人はい<center>ますか？また、なぜ廃止されたのですか？

202 html  tags  center  deprecated