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

HTML(HyperText Markup Language)は、Webブラウザーに表示されるWebページやその他の情報を作成するための主要なマークアップ言語です。HTMLに関する質問には、最小限の再現可能な例と、何を達成しようとしているのかについての考えを含める必要があります。このタグが単独で使用されることはほとんどなく、[CSS]や[javascript]と組み合わせられることがよくあります。



9
WebKitのCSSでの<select>および:afterの問題
選択ボックスにいくつかのスタイルを疑似:afterで追加したいと思います(選択ボックスを2つのパーツで、画像なしでスタイルするため)。HTMLは次のとおりです。 &lt;select name=""&gt; &lt;option value=""&gt;Test&lt;/option&gt; &lt;/select&gt; そしてそれは機能しません。理由がわからないので、W3Cの仕様で答えが見つかりませんでした。CSSは次のとおりです。 select { -webkit-appearance: none; background: black; border: none; border-radius: 0; color: white; } select:after { content: " "; display: inline-block; width: 24px; height: 24px; background: blue; } それは正常ですか、それともトリックですか?
123 html  css  select 

6
ホバー時に名前から下線を削除する方法
私はそのようなhtmlを持っています: &lt;legend class="green-color"&gt;&lt;a name="section1"&gt;Section&lt;/a&gt;&lt;/legend&gt; legend.green-color{ color:green; } 私の場合Section、緑色に見えますが、マウスポインターを置くと、a hrefのように見えますが、下線や色を変えずに、そのままにしたいです。 cssを変更せずに、または最小のcss cahngeで達成することは可能ですか? または、なんとかjqueryである可能性がありますか?
123 html  css 

6
新しいタブのjavascript window.location
ユーザーをいくつかのURLに誘導してwindow.locationいますが、このURLはブラウザの同じタブで開きます。新しいタブで開いてほしい。window.locationでこれを行うことはできますか?このアクションを実行する別の方法はありますか?

5
オーバーフローCSSプロパティを非表示の値で機能させる方法
とは大変overflow: hiddenです。 基本的に、私はにある順不同リストのオーバーフローを隠そうとしてい&lt;div&gt;ます。 なぜこれがうまくいかないのか私にはわかりません。 リストを非表示にする代わりに、リストを水平レイアウトから垂直レイアウトに分割します。 順不同リストはカルーセルで、コンテナはリストです。 以下は私のCSSコードです。 div.body .container .images { background: url(/images/images-background.jpg); height: 62px; margin-bottom: 17px; width: 384px; } div.body .container .images #images-previous { cursor: pointer; float: left; } div.body .container .images #images-next { cursor: pointer; float: left; } div.body .container .images .list { float: left; overflow: hidden; vertical-align: …
123 css  overflow  html 

1
XML、HTML、およびXHTMLドキュメントの有効なコンテンツタイプ
XML、HTML、およびXHTMLドキュメントの正しいコンテンツタイプは何ですか? これらの種類のファイルのみをフェッチする単純なクローラーを作成する必要があります。 現在、http://example.net/index.htmlは、たとえばmod_rewriteによりJPEGファイルを提供できるため、応答ヘッダーからコンテンツタイプを確認し、許可されたコンテンツタイプのリストと比較する必要があります。 そのようなリストはどこから入手できますか?
123 html  xml  http  xhtml  web-standards 

5
HTMLの「overflow:auto」と「overflow:scroll」の違い
overflowプロパティの値を調べていたとき、これらの2つの値に出くわしました:autoおよびscrollは、コンテンツが要素をオーバーフローした場合にスクロールバーを追加します。 誰かがそれらの違いを教えてくれませんか?
123 html  css 

23
FontAwesomeアイコンが表示されない。どうして?
最近、私はこのウェブサイトを開発していて、それにフォントの素晴らしいアイコンを入れようとしているので、スケーラブルです。 問題は、彼らが現れていないことです。 HTMLを見てください。 &lt;a class="btn-cta-freequote" href="#"&gt;Get a FREE Quote &lt;i class="fa fa-arrow-right"&gt;&lt;/i&gt;&lt;/a&gt; または &lt;li&gt;&lt;a href="index.html"&gt;&lt;span class="fa fa-home fa-2x"&gt;&lt;/span&gt;Home&lt;/a&gt;&lt;/li&gt; 私はスタイルシートのリファレンスを頭に入れました。 なぜ表示されないのかわかりません。 ここに参照があります: &lt;link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"&gt; よし、これが完全なhtmlだ。 &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Retrica&lt;/title&gt; &lt;link src="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"&gt; &lt;link href="style/normalize.css" rel="stylesheet" type="text/css"&gt; &lt;link href="style/bootstrap.min.css" rel="stylesheet" type="text/css"&gt; &lt;link href="style/main.css" rel="stylesheet" type="text/css"&gt; &lt;/head&gt; &lt;body&gt; &lt;header class="top-header"&gt; &lt;div class="container"&gt;&lt;!-- …
123 html  css  font-awesome 

6
透明なHTMLボタンを作るには?
私はdreamweaverを使用してWebサイトを作成しており、Photoshopを使用して背景を作成することを考えています。コードを編集するだけでボタン名を簡単に変更できるようにしたい場合にのみ、コードを参照できるため、そうすることにしました。Photoshopを使用してボタンを作成すると、それらのボタンや要素のテキストを簡単に編集できなくなります。 したがって、私の質問は簡単です。ボタンの値を表示したまま、透明にする単純なインラインスタイルのボタンを作成するにはどうすればよいですか。 .button { background-color: Transparent; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; } クリックした後も境界線が残ります。
123 html  css 

6
ブートストラップテーブルの垂直位置合わせ
4列のテーブルを表示しようとしています。1列は画像です。以下はスナップショットです:- テキストを垂直方向に中央揃えにしたいのですが、CSSが機能しないようです。ブートストラップレスポンシブテーブルを使用しました。私のコードが機能しない理由と、それを機能させるための正しい方法を教えてください。 以下はテーブルのコードです CSS img { height: 150px; width: 200px; } th, td { text-align: center; vertical-align: middle; } HTML &lt;table id="news" class="table table-striped table-responsive"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;Name&lt;/th&gt; &lt;th&gt;Email&lt;/th&gt; &lt;th&gt;Phone&lt;/th&gt; &lt;th&gt;Photo&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;?php $i=0; foreach ($result as $row) { ?&gt; &lt;tr&gt; &lt;td&gt; &lt;?php echo 'Lorem Ispum'; ?&gt; &lt;/td&gt; …

24
ブートストラップ3の折りたたまれたメニューがクリックしても閉じない
ブートストラップ3の多かれ少なかれ標準的なナビゲーションがあります &lt;body data-spy="scroll" data-target=".navbar-collapse"&gt; &lt;!-- ---------- Navigation ---------- --&gt; &lt;div class="navbar navbar-fixed-top" role="navigation"&gt; &lt;div class="container"&gt; &lt;div class="navbar-header"&gt; &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt; &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt; &lt;/button&gt; &lt;a class="navbar-brand" href="index.html"&gt; &lt;img src="#"&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class="navbar-collapse collapse"&gt; &lt;ul class="nav navbar-nav navbar-right"&gt; &lt;li class="active"&gt;&lt;a href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#one"&gt;One&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#two"&gt;Two&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#three"&gt;Three&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#four"&gt;Four&lt;/a&gt;&lt;/li&gt; …

13
WebViewおよびHTML5 <video>
私はとりわけ、いくつかのWebサイトを「フレーム化」する安価なアプリをつなぎ合わせていWebViewClientます。ビデオをヒットするまで。 ビデオはHTML5 要素として実行され、これらはChrome、iPhoneで問題なく機能Androidし、ネイティブブラウザでうまく機能するエンコードの問題を修正しました。 今、摩擦:WebViewそれは好きではありません。全然。ポスター画像をクリックしても何も起こりません。 グーグル、私はこれが近いことを発見しましたが、ビデオ要素の代わりに(href ...のような)「リンク」に基づいているようです。(onDownloadListenerはビデオ要素で呼び出されたようには見えません...) onShowCustomViewのオーバーライドへの参照も見ますが、それはビデオ要素で呼び出されないようです... shouldOverrideUrlLoading ..も呼び出されません。 「サーバーからxmlをプルし、アプリで再フォーマットする」ことは避けたいです。サーバー上でストーリーレイアウトを維持することで、アプリを更新し続けることを人々に強いることなく、コンテンツを少し良く制御できます。したがって、ネイティブブラウザのようなタグを処理するようにWebViewを説得できれば、それが最善です。 明らかなものは明らかに見当たりませんが、何の手掛かりもありません。

12
電子メールのHTMLコードを作成するためにCSSスタイルを自動的にインライン化するためのツールは何ですか?[閉まっている]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか?Stack Overflowのトピックとなるように質問を更新します。 7年前休業。 この質問を改善する http://www.campaignmonitor.com/css/を見ると、HTMLにインラインスタイルを埋め込んで、メールをメールクライアントで読む必要があることがわかります。 が宣言されたHTMLファイルをインラインCCSスタイル属性のみのHTMLファイルに自動的に変換するツールやスクリプトを知っていますか? 編集:Javascriptソリューション(例:http : //www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/)?jQueryで?
122 html  css  email  inline  html-email 

10
危機/虐待ウェブサイトのパニックボタンの最速の出口戦略?[閉まっている]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 6年前休業。 この質問を改善する 女性虐待情報センターのウェブサイトをやっています。このような多くのセンターには、「パニックボタン」と呼ばれるセンターがあります。基本的なものの例が発見され、ここで緑色のバー内のすべてのページの上部にあります。 リンクやボタンのアイデアは、女性が助け​​を求めてこのウェブサイトを見ていて、虐待者や知りたくない人が部屋を歩いていた場合のためにありました。リンクがブラウザウィンドウを閉じるよりもはるかに高速な場合がありますが、これは疑わしい場合があります。 私が目にする問題は、これを行うほとんどのボタンが単にgoogleまたはそのようなものに送信することです。私はこのようなことをするつもりです: &lt;a href="http://www.msn.com/#news" rel="noreferrer"&gt;LEAVE WEBSITE NOW!&lt;/a&gt; または &lt;a href='data:text/html;charset=utf-8, &lt;html&gt;&lt;meta http-equiv="refresh" content="0;URL=&amp;#39;http://www.msn.com/#news/&amp;#39;"&gt;&lt;/html&gt;'&gt;LEAVE WEBSITE NOW!&lt;/a&gt; このようなリンクをクリックすると、実際のコンテンツにスクロールします。これは空のGoogle検索ではありませんが、疑わしいと見なされる可能性のある具体的なものではありません。 リファラーをブロックすることは良いことだと私は知っていますが、その解決策を使用しても、ブラウザーの「戻る」ボタンを押すと、キャッチされます。この問題について、私はこれを何かできると思いました: HTML &lt;a href="javascript:goNewWin()" rel="noreferrer"&gt;LEAVE WEBSITE NOW!&lt;/A&gt; JavaScript function goNewWin() { window.open("backbuttonnewpage.html",'TheNewpop','toolbar=1,location=1,directories=1,status=1,menubar=1,scrollbars=1,resizable=1'); self.close() } 私はこれで危険にさらされている生命があり、私ができる限り完全な解決策に近いものを必要とするので、私は投稿しています。どうしますか? 更新-3-26-14: 私が協力しているリソースセンターによってここに投稿された教育のアイデアのいくつかを実行しました、そしてここに彼らの答えがありました。「私たちのユーザーが当社のWebサイトにアクセスすることさえ非常に勇気が必要です。彼らが来るとき、彼らは生命を脅かす可能性のある状況から抜け出すための迅速で簡単なリソースを探しています。ほとんどの場合、彼らには時間も精神的能力もありません。安全な方法でウェブサイトを閲覧できるように自分自身を教育してください。「パニックボタン」のアイデアが提示された場合、適切に行われると、私たちが扱うほとんどの被害者から常に求められるリソースであるように思われます。 ここで多くのアイデアを読んだ後、完全な解決策は左側の一定の位置に浮かぶ大きなボタンになるだろうようです。ページが読み込まれると、バックグラウンドで別のサイトが読み込まれ(多分ajax呼び出し)、ボタンをクリックするだけでオーバーレイフレームが削除されます。これは、クリックしてもロード時間が発生しないことを意味します。ブラウザーの[戻る]ボタンを押さないようにするには、キャッシュしないようにブラウザーに指示する必要があるようです。また、replaceStateすべてのページ変更でこのサイトを表示する[戻る]ボタンを無効にするために使用する必要があるかもしれません。 これはまだ非常に技術的な問題です。議論は非常に役立ちますが、私はまだ機能する技術的な解決策を必要としています。誰でも、これらのアイデアをすべて機能的なものにまとめることができると思いますか?私はすぐに自分で作業し、思いついたものは何でも投稿します。皆さんありがとう。
122 javascript  html 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.