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

JavaScriptやテキスト装飾を使用せずに、テキストの一部を旧式のスタイルに点滅させたいと思っています。 遷移なし、* blink *、* blink *、* blink *のみ！ 編集：これはその質問とは異なります。私は連続的な遷移なしで点滅を要求するのに対し、他の質問のOPは点滅を連続的な遷移で置き換える方法を尋ねます

149 html  css  css-animations  blink 

Microsoft がかみそりMVC4 でHTML属性のオートマジックレンダリングを作成しましたが、条件付きかみそり式に基づいて、要素に2番目のCSSクラスをレンダリングする方法を見つけるのにかなりの時間がかかりました。共有したいと思います。 モデルプロパティ@ Model.Detailsに基づいて、リストアイテムを表示または非表示にします。詳細がある場合はdivを表示し、それ以外の場合は非表示にする必要があります。jQueryを使用して、クラスshowまたはhideをそれぞれ追加するだけで済みます。他の目的のために、「詳細」という別のクラスも追加したいと思います。だから、私のマークアップは： <div class="details show">[Details]</div> または <div class="details hide">[Details]</div> 以下に、失敗した試行の一部を示します（詳細がないと仮定した結果のマークアップ）。 これ：<div @(@Model.Details.Count > 0 ? "class=details show" : "class=details hide")>、 これをレンダリングします：<div class="details" hide="">。 これ：<div @(@Model.Details.Count > 0 ? "class=\"details show\"" : "class=\"details hide\"")>。 これをレンダリングします：<div class=""details" hide"="">。 この： <div @(@Model.Details.Count > 0 ? "class='details show'" : "class='details hide'")> …

149 razor  asp.net-mvc-4  html 

これが基本です。 上記のスパンの値「これは私の名前です」を取得するにはどうすればよいですか？ <div id='item1'> <span>This is my name</span> </div>

149 javascript  jquery  html 

私はhtml5キャンバス要素を使用して、ブラウザーで画像のサイズを変更します。品質が非常に低いことが判明しました。私はこれを見つけました：<canvas>のスケーリング時に補間を無効にしますが、品質の向上には役立ちません。 以下は、CSSとJSのコードと、Photoshopで呼び出され、キャンバスAPIで拡大縮小された画像です。 ブラウザで画像を拡大縮小するときに最適な品質を得るにはどうすればよいですか？ 注：大きな画像を小さな画像に縮小し、キャンバスの色を変更して、結果をキャンバスからサーバーに送信します。 CSS： canvas, img { image-rendering: optimizeQuality; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; } JS： var $img = $('<img>'); var $originalCanvas = $('<canvas>'); $img.load(function() { var originalContext = $originalCanvas[0].getContext('2d'); originalContext.imageSmoothingEnabled = false; originalContext.webkitImageSmoothingEnabled = false; originalContext.mozImageSmoothingEnabled = false; originalContext.drawImage(this, 0, 0, 379, 500); }); photoshopでサイズ変更された画像： …

149 javascript  css  html  canvas  html5-canvas 

HTMLニュースレターで使用できる他のコードがあるかどうか疑問に思っています。 セルのパディングまたはマージンを使用しますが、このHTML / CSSは初めてなので、メインタイトル行とその下のサブヘッドの両方に影響を与える変更を見つけることができません。メールである私は、CSSをいじくり回してそれを取得するのをためらっています。インラインマークアップとは対照的に、CSSの点でどのメールクライアントが気に入らないのかわかりません。 コンテキストとして、私が使用しているテンプレートはMailchimp snipのMuteテーマです。 <!-- language: lang-html --> <table cellspacing="0" cellpadding="0" border="0" align="center" width="626"> <tbody> <tr> <td valign="middle" bgcolor="#546781" height="97" background="images/header-bg.jpg" style="vertical-align: middle;"> <table cellspacing="0" cellpadding="0" border="0" align="center" width="555" height="97"> <tbody> <tr> <td valign="middle" width="160" style="vertical-align:middle; text-align: left;"> <img width="70" height="70" src="http://dl.dropbox.com/…….png" style="margin:0; margin-top: 4px; display: block;" alt="" …

149 html 

フォーム内のボタンの使用中に問題が発生しました。そのボタンで関数を呼び出して欲しい。できますが、ページが更新されるという望ましくない結果が生じます。 私の簡単なコードはこのようになります <form method="POST"> <button name="data" onclick="getData()">Click</button> </form> ボタンをクリックすると、ページが更新されて関数が呼び出され、前のリクエストの結果である現在のページに影響する前のリクエストがすべてリセットされます。 ページの更新を防ぐにはどうすればよいですか？

149 javascript  html 

CodePen：http ://codepen.io/anon/pen/RPNpaP 。 サイドバイサイドビューの赤いボックスの幅を25 emだけにしたいのですが、このメディアクエリ内にCSSを設定してこれを実現しようとしています。 @media all and (min-width: 811px) {...} に： .flexbox .red { width: 25em; } しかし、私がそうすると、これが起こります： http://i.imgur.com/niFBrwt.png 私が間違っていることは何か考えていますか？

149 html  css  flexbox 

ブラウザーウィンドウのサイズを変更すると幅が変わる弾性レイアウトのWebページがあります。 このレイアウトにはh2、可変長の見出し（）があります（実際には、私が制御できないブログ投稿の見出しです）。現在、ウィンドウより広い場合は、2行に分割されています。 その見出しタグのinnerHTMLを短縮し、テキストが現在の画面の1行に収まらない場合に「...」を追加する、エレガントでテスト済みの（クロスブラウザー）ソリューション（jQueryなど）はありますか/コンテナの幅？

148 javascript  html  ellipsis  elasticlayout 

TABLEレイアウトからDIVレイアウトに切り替えて以来、1つの共通の問題が残っています。 問題：DIVに動的テキストを入力すると、必然的にdiv列の端を超えて非常に長い単語が存在し、サイトが専門外のように見えます。 RETRO-WHINING：これは、テーブルレイアウトでは発生しませんでした。表のセルは常に最も長い単語の幅にうまく拡張されます。 重大度：この問題は、ほとんどの主要なサイト、特に「速度制限」などの一般的な単語でさえ非常に長いドイツのサイト（「Geschwindigkeitsbegrenzung」）でも見られます。 誰かがこれに対して実行可能な解決策を持っていますか？

148 css  layout  html 

私のHTMLには、<select>3つの<option>要素が含まれています。jQueryを使用して、Javascriptに対して各オプションの値をチェックしたいと思いますvar。一致する場合、そのオプションの選択された属性を設定します。どうすればいいですか？

148 javascript  jquery  html 

設定したサイズを維持するためにHTMLテーブルが必要なページを書いています。テーブルの上部にあるヘッダーが常に表示されるようにする必要がありますが、テーブルに行がいくつ追加されても、テーブルの本体がスクロールする必要があります。Excelのミニバージョンを考えてください。これは簡単な作業のようですが、私がWebで見つけたほとんどすべてのソリューションにはいくつかの欠点があります。どうすればこれを解決できますか？

148 javascript  html  css  html-table 

作成中のHTMLコードをテストしていて、Google Chromeバージョン22.0.1229.94 mで開発者ツールを使用し<body>ているときに、タグに属性があることを確認しましたcz-shortcut-listen="true"（もちろん、コードにはありません）。それはどういう意味ですか、なぜ表示されるのですか？（私はそれをグーグルで調べてみましたが、関連するものは何も見つかりませんでした）

148 html  google-chrome  google-chrome-devtools 

集中的な呼び出しを行っているため、ロードが非常に遅いセクションがWebサイトにあります。 私は得ることができますどのように任意のアイデアdivページ自体を準備しながら、表示するために「ロード」に似た何かを言うし、その後、すべての準備が整ったときに消えるために？

148 javascript  jquery  html  dom  loader 

それらについて多くの伝説があります。真実を知りたい。次の2つの例の違いは何ですか？ <input type='submit' value='text' /> <button type='submit'>text</button>

148 html  button 

Chromeの最新バージョンを使用している場合、画像をクリップボードから直接Gmailメッセージに貼り付ける機能について言及しているGoogleのブログ投稿に気づきました。私のバージョンのChrome（12.0.742.91 beta-m）でこれを試しましたが、コントロールキーまたはコンテキストメニューを使用してうまく機能します。 その動作から、Chromeで使用されているWebkitの最新バージョンはJavascript貼り付けイベントで画像を処理できると想定する必要がありますが、そのような拡張機能への参照を見つけることができませんでした。私は信じてZeroClipboardのキープレスイベントに結合するが、そのフラッシュ機能をトリガし、そのようにするだろう、コンテキストメニューからではない仕事（また、ZeroClipboardはクロスブラウザであり、ポストは、これはChromeでのみ動作しますと言います）。 それで、これはどのように機能し、機能を有効にするWebkit（またはChrome）に拡張が加えられたのですか？

148 javascript  html  google-chrome  webkit