プログラミング html

6

私は次のコードを使用しています。CSSを使用してこのテーブルをページの中央に配置するにはどうすればよいですか？ <html> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>The Main Page</title> </head> <body> <table> <tr> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> </tr> </table> </body> </html>

81 html css html-table center

9

CSSを使用して、divの高さを幅に比例してスケーリングできますか？

divの高さを常に幅の半分にしたいようにCSSで変数を設定できますか？divの画面サイズの幅がパーセントである場合にdivがスケーリングします <div class="ss"></div> CSS： .ss { width:30%; height: half of the width; } この30％の幅は、画面の解像度に合わせて調整されます

81 html css

5

アンカータグのターゲット属性の_self、_top、および_parentの違い

_blankアンカータグを使用すると新しいタブが開くことはわかっています。また、フレームセットを使用するときに使用する自己定義のターゲットもありますが_parent、_selfとの違いを知りたいと思い_topます。

80 html hyperlink anchor

12

フィールドセットの幅をその中のコントロールと同じ幅にする方法はありますか？

フィールドセットのデフォルトはコンテナの幅100％のようです。フィールドセットをフィールドセット内の最も広いコントロールと同じ大きさにする方法はありますか？

80 html css fieldset

8

css単一または複数行の垂直方向の整列

1行以上のタイトルがあります。テキストを垂直方向に揃えるにはどうすればよいですか？常に1行の場合は、行の高さをコンテナの高さに設定できます。 JavaScriptを使用してそれを行うことはできますが、私はそれがあまり好きではありません。純粋なCSSの方法を探しています。また、コンテナが線で拡張できれば完璧なので、常に上下に同じパディングを付けることができます。

80 html css

2

インラインブロックdivがラップしないようにするにはどうすればよいですか？

jsFiddleデモ私はdivsにしたい：コンテンツをラップします。基本的に折り返すことなく、元の関連付けられた行にとどまります。基本的に、テーブルが画面に表示されない場合、テーブルは互いに積み重なっています。私はむしろ彼らが画面から隠されるようになることを望みます。 overflow: hidden;メインのレイアウトスタイルに追加してみました。それぞれの幅を固定したくありませんdiv。コンテンツをに合わせる必要があります。 .layout { -moz-border-radius: 15px; border-radius: 15px; vertical-align: top; display: inline-block; } .layoutbacking { -moz-border-radius: 15px; border-radius: 15px; padding: 5px; margin: 5px; background: #CCCCCC; } <div class="layout" style="background: #222222; width: 100%"> <div> <div class="layout layoutbacking"> <table> <tr> <th>header 1</th> <th>header 2</th> <th>header 3</th> <th>header …

80 html css layout

9

HTML5オーディオループ

最近HTML5オーディオで遊んでいますが、サウンドを再生することはできますが、再生されるのは1回だけです。何をしようとしても（プロパティ、イベントハンドラーの設定など）、ループさせることができないようです。これが私が使用している基本的なコードです： //myAudio is declared at a global scope, so it doesn't get garbage collected. myAudio = new Audio('someSound.ogg'); myAudio.loop = true; myAudio.play(); Chrome（6.0.466.0 dev）とFirefox（4 beta 1）を使用してテストしていますが、どちらもループのリクエストを無視して満足しているようです。何か案は？更新：loopプロパティがすべての主要なブラウザでサポートされるようになりました。

80 javascript html html5-audio

6

Angular2で画像を提供する方法は？

Angular2アプリのimagesrcタグのassetsフォルダーにある画像の1つへの相対パスを配置しようとしています。コンポーネントの変数を「fullImagePath」に設定し、それをテンプレートで使用しました。私は多くの異なる可能なパスを試しましたが、私のイメージを上げることができないようです。Angular2には、Djangoのように常に静的フォルダーに相対的な特別なパスがありますか？成分 import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-hero', templateUrl: './hero.component.html', styleUrls: ['./hero.component.css'] }) export class HeroComponent implements OnInit { fullImagePath: string; constructor() { this.fullImagePath = '../../assets/images/therealdealportfoliohero.jpg' } ngOnInit() { } } また、画像をこのコンポーネントと同じフォルダーに配置したので、同じフォルダー内のテンプレートとcssが機能しているため、画像への同様の相対パスが機能しない理由がわかりません。これは、同じフォルダ内の画像と同じコンポーネントです。 import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-hero', templateUrl: './hero.component.html', styleUrls: ['./hero.component.css'] …

80 html angular image typescript path

11

キャンバスをpng画像として保存する方法は？

図面を含むcanvas要素があり、クリックすると画像をpngファイルとして保存するボタンを作成したいと思います。したがって、保存、開く、閉じるダイアログボックスが開くはずです... 私はこのコードを使用してそれを行います var canvas = document.getElementById("myCanvas"); window.open(canvas.toDataURL("image/png")); しかし、IE9でテストすると、「Webページを表示できません」という新しいウィンドウが開き、そのURLは次のようになります。 data：image / png; base64、iVBORw0KGgoAAAANSUhEUgAAAmAAAABpCAYAAACd + 58xAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAADRwSURBVHhe7V0HgBVF0q7ZJSlJwRxAPUFRD39RFLN34qGnnomoqIjhzBlFPROIgsoZzogR5AQEzJ4BPFAUEUwgJjgQkCQKooggaf / 6el6 / 6ZnpSW / zUn237u5MdXX1172 + z6rqaqeEG6VsJet + PDW / vkdrfx3H3yfT2tVzaP26X6hkw1q / BoeI / 280 / 29JwznZxJPUyXtBQBAQBAQBQaBcECjefmi56BWlZYtAeqajx / WokfrJYEqOIikOFRfXoVq161PtOk2odu0t + ectqKiojnrntWhC46QhYOtXfUarl79Ivy9 / ldau + H + TX / 8b2SbjJ07pWFQy2Uqnp2yXSrQJAoKAICAICALJCAgBS8ao8iTi / UvpSZlBxiwqwWOKimsxCWtEdettR3XqbEfFtRonkrBYArZh3fe0 + senadWyEbRm1UzasP53K45ZiFc84RKyVXkbVUYWBAQBQUAQyIqAELCsiFW2fDQpSyZk8UQMMysqKmaPWCOqt8mOVK / eTuQU1YuccCQBW7dyIq38 …

80 javascript html canvas

6

HTMLにフォントを埋め込む方法は？

私は、Webページにフォントを埋め込むための適切な解決策（特にSEO側から）を見つけようとしています。これまでのところ、Firefoxでも動作しないW3Cソリューションと、このかなりクールなソリューションを見てきました。2番目の解決策は、タイトルのみです。全文に利用できる解決策はありますか？Webページの標準フォントにうんざりしています。ありがとう！

80 javascript html flash fonts embed

7

AngularJsに隠された可視性？

<button id="tagBtnId" name="TagsFilter" ng-show="disableTagButton">Tags</button> NG-showが適用されるdisplay: noneか、display: blockプロパティしかし、私は、適用したいvisibility: hiddenとvisibility: visibleプロパティ。

80 html css angularjs

14

電子メール用のPHPでHTMLをプレーンテキストに変換する

TinyMCEを使用して、サイト内のテキストのフォーマットを最小限に抑えています。作成したHTMLから、メール用のプレーンテキストに変換したいと思います。私はhtml2textというクラスを使用してきましたが、UTF-8のサポートなどが本当に不足しています。ただし、以前はHTMLに<i>タグが付いていたテキストをアンダースコアで囲むなど、特定のHTMLタグをプレーンテキスト形式にマップするのは好きです。 PHPでHTMLをプレーンテキストに変換するために同様のアプローチを使用している人はいますか？もしそうなら：私が使用できるサードパーティのクラスをお勧めしますか？または、この問題にどのように取り組むのが最善ですか？

80 php html email plaintext

4

JavaScriptからphp関数を呼び出す

JS関数を介してphp関数を実行する方法はありますか？このようなもの： <script type="text/javascript"> function test(){ document.getElementById("php_code").innerHTML="<?php query("hello"); ?>"; } </script> <a href="#" style="display:block; color:#000033; font-family:Tahoma; font-size:12px;" onclick="test(); return false;"> test </a> <span id="php_code"> </span> 基本的には、php関数query("hello")を呼び出す「Test」というhrefをクリックすると、php関数を実行したいと思います。

80 php javascript html ajax

4

HTMLの複数の行にまたがるテーブルヘッダーを作成するにはどうすればよいですか？

次のようにテーブルを作成したいと思います。 | Major Heading 1 | Major Heading 2 | | Minor1 | Minor2 | Minor3 | Minor4 | ---------------------------------------------- | col1 | col2 | col3 | col4 | rest of table ... TH要素の行が1行しかないので、列が並ぶなどのヘッダー行を作成するにはどうすればよいですか？列幅が揃わないため、階層テーブルは適切なオプションとは思えません。また、colspan付きのTHタグで2行を使用することもできません。

80 html html-table

5

JavaScriptを使用してすべてのHTML要素の子を別の親に移動するにはどうすればよいですか？

想像してみてください： <div id="old-parent"> <span>Foo</span> <b>Bar</b> Hello World </div> <div id="new-parent"></div> JavaScriptはからすべての子ノード（両方の要素、およびテキストノード）を移動するために書き込むことができますどのようold-parentにnew-parentjQueryをせずに？ノード間の空白は気にしませんが、迷子をキャッチすることを期待していますが、ノードもHello Worldそのまま移行する必要があります。編集明確にするために、私は最終的に： <div id="old-parent"></div> <div id="new-parent"> <span>Foo</span> <b>Bar</b> Hello World </div> これが提案された複製である質問の答えは、次の結果になります。 <div id="new-parent"> <div id="old-parent"> <span>Foo</span> <b>Bar</b> Hello World </div> </div>

80 javascript html dom-manipulation

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

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