問題タブ [text-indent]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 検索エンジンは text-indent:-9999em または負のマージンを SEO チートとして扱いますか?
またはネガティブマージンのような手法を使用しtext-indent:-9999emて、テキストをよりきれいな画像に置き換えたいのですが、検索エンジンはこれを一種の不正行為と見なすのでしょうか?
これを認識するには、CSS ファイルを読み取る必要があるため、CSS ファイルのrobots.txt読み取りを禁止するために使用できます。これが機能する場合、display:none直接使用することもできますか? または、jQuery コードを使用して Web 要素のスタイルを操作できますか?
html - 段落のテキストの最初の行だけをインデントしますか?
インデントしたい段落がいくつかありますが、これらの段落の最初の行だけです。
CSS または HTML を使用して最初の行だけをターゲットにするにはどうすればよいですか?
list - CSS:背景画像付きのリストを使用した水平メニュー?
4 つのメニュー項目にそれぞれ画像があり、アクティブな項目ごとに特別な画像がある単純なメニューを作成しようとしています。
私は Drupal を使用しているため、HTML 出力を変更することはできません (とにかく簡単ではありません)。私の質問は、以下に示す HTML コードを使用してそれを行うことができるかどうか、およびどのように行うことができるかです。
最終的な希望の結果に近いものをいくつか作成しましたが、テキストをインデントする例でまだ問題が発生しているため、表示されません。これまでの私のCSSは次のとおりです。
これはこれまでの私のコードであり、画像を適切な間隔で正しく表示しますが、a-href 内のテキストを非表示にすることはできません。私はそれが正しいスタイルクラス/ IDを打つことの問題であることはかなり確信していますが、私は多くの異なる組み合わせを試しましたが、うまくいきません.
どんな助けでも大歓迎です。ありがとうございました
誠実
- メスティカ
css - CSS テキストのインデントが IE7 で機能しない
サンプルページは次のとおりです: http://jsfiddle.net/p9Fbb/
基本的にtext-indent、アイコン上で使用する場合、Internet Explorer 7 (互換モードの IE9) は、テキストだけでなく要素を画面外に移動します。何らかの理由で、これはテーブル セルの特定の状況でのみ発生します (要素がセル内で単独である場合だと思います)。
どうすればこれを修正できますか? または、要素内でテキスト コンテンツを使用し、非表示にする別の方法はありますか?
css - cssを使用してテキストを非表示にする：text-indent
サイトの上部に会社のロゴがあり、ホームページにリンクしています。リンクテキストを非表示にしていますが、text-indent: -9999px;これは一般的な方法のようです。
私にはそれはちょっとしたハックのように感じます、そして私はそれが私のSEOに悪影響を与えるのではないかと心配しています。
これはまだこれを行うための最良の方法ですか？
HTML：
CSS：
php - 複雑な配列をエコーし、部分配列をインデントする
私はそのような複雑な配列を持っています:
そして、配列をエコーしたいが、次のようにすべてのサブ配列をインデントしたい:
詳細が必要な場合はお知らせください。
css - text-indentはインデントもします![]()
か？
CSSを使用してHTMLの画像を置き換えようとしているので、
しかし、それは何の効果ももたらさないようです、なぜか？
-編集-
私はこのテクニックを使用してimgのテキストを置き換えましたが、imgを別のimgに置き換えようとしたことはありません
css - HTML5ボイラープレートと画像置換クラス text-indent -999em
HTML5Boilerplate は優れたフレームワークであるため、ほとんどのプロジェクトで HTML5Boilerplate を使用していますが、私と他の開発者は、画像置換クラスと text-indent:-999em の使用について行ったり来たりしています。
彼は私に次の 2 つのリンクを送ってくれました。
http://luigimontanez.com/2010/stop-using-text-indent-css-trick/
http://www.youtube.com/watch?v=fBLvn_WkDJ4
HTML5Boilerplate チームがスタイルシートをまとめる際に多くの調査を行ったことは知っていますし、多くの開発者が使用する一般的な手法であることも知っています。皆さんはどう思いますか？私たちのサイトが罰せられないように、別のテクニックを使い始めるべきですか、それとも使い続けても大丈夫ですか?
ありがとう！
css - これは Chrome と IE のテキスト インデントのバグですか、それとも何か不足していますか?
これを FF、Chrome、IE でテストしました。FF のみが意図した動作を示します (または、少なくとも意図した動作だと思います)。Chrome と IE は同じ動作を示します。最初に入力にフォーカスしたとき、カーソルはインデントしません。何かを入力して削除し、再度フォーカスすると、適切にインデントされます。
どうすればこれを修正できますか? そのくぼんだスペースに画像を表示したいからです。
css - コンテナーに :before/:after 疑似要素がある場合、テキストインデントが機能しないのはなぜですか? (FX/オペラ)
今日、この癖に遭遇しました。
Firefox 7 と Opera では、灰色のボックスに「次へ」という単語が含まれていることに気付くでしょう。CSS には、そのテキストをコンテナーの外に移動する必要がある text-indent プロパティが含まれています。このページを IE または Chrome で表示すると、本来あるべき姿で表示されます。少なくとも、あなたがそれが示すべきだと思う方法。
これは既知のバグですか? 回避策はありますか?