過去ログ表示


過去ログ 170 を表示

トピック内全 10 記事中の 1 〜 10 番目を表示
[ 最新記事及び返信フォームをトピックトップへ ]
このトピックの全ページ / [0]

(環境: WinXP SP2/IE6)

Firefoxでテキストに袋文字(中抜き)が使えるタグってありますか?
背景に画像を使うとコントラストが悪くなってしまうので。
IEと共通で使えるタグがあればよいのですが・・・

(環境: WinXP SP2/Firefox1.5)

 中抜き文字は Web 非標準なのでありません。

(環境: その他/Mozilla1.7)

おおやま さんも書かれているとおりワープロ的考えで有れば「Web 非標準」ですしcss利用の一種で、タグには無いでしょう。

もし匿名 さんがcss(Cascading Style Sheets)をお勉強し、作成するWebの表示構造を計算できるなら以下の例を何種のブラウザで実現できるか、ご自身で確かめて下さい。
当然下記の例が何を意図しているものか、ご自身で考えないと安易な質問同様、一切身になりませんよ。

<font style="color:#010101; position:absolute; top:99; left:99;">css(Cascading Style Sheets)のお勉強</font>
<font style="color:#010101; position:absolute; top:99; left:101;">css(Cascading Style Sheets)のお勉強</font>
<font style="color:#010101; position:absolute; top:101; left:99;">css(Cascading Style Sheets)のお勉強</font>
<font style="color:#010101; position:absolute; top:101; left:101;">css(Cascading Style Sheets)のお勉強</font>
<font style="color:#ffffff; position:absolute; top:100; left:100;">css(Cascading Style Sheets)のお勉強</font>

# カラー値指定数での折り返し問題#000000で変わる件はパグジラに有ったかな〜....(^^)

(環境: WinXP SP2/Firefox1.6a)

No26709に返信(とおりつがりさんの記事)
> <font style="color:#010101; position:absolute; top:99; left:99;">css(Cascading Style Sheets)のお勉強</font>
> <font style="color:#010101; position:absolute; top:99; left:101;">css(Cascading Style Sheets)のお勉強</font>
> <font style="color:#010101; position:absolute; top:101; left:99;">css(Cascading Style Sheets)のお勉強</font>
> <font style="color:#010101; position:absolute; top:101; left:101;">css(Cascading Style Sheets)のお勉強</font>
> <font style="color:#ffffff; position:absolute; top:100; left:100;">css(Cascading Style Sheets)のお勉強</font>

<length>値には単位を付けましょう。
http://www.mozilla.gr.jp/standards/webtips0005.html

(環境: その他/Mozilla1.7)

> <length>値には単位を付けましょう。

フォローありがとう御座います(^^)/

# Mozilla系等や、標準化を守ろうとするブラウザの場合は良いのですが.....(^^)
単位を理解しない、未実装、又は意味合いが変わるブラウザも有るようですので、
「あえて」付けませんでした。

とりあえず、Web標準的な回答としましては
(#26752) このトピック中6番目の投稿
(環境: Win2000/Firefox1.6a)

中抜き文字というのは実際問題、Webでの利用は無理と考えてください。
とおりつがりさんの例や、text-shadowを使ったトリックなら「見た目」実現可能といえば可能ですが、前者は肝心のコンテンツの内容を変更しなくてはいけない(検索エンジン等のクローラには「誤解」が発生する)、後者は現状ではSafariのみ、Firefoxではたぶん3.0以降で利用可能、という悲惨な実装状況です。CSSを使ったトリックはCSS非対応のUA(検索エンジンのクローラ等も含む)にとっては有害きわまりないものです。

Webデザインでは、背景色と前景色(文字色)に常に高いコントラストを保つために、背景画像を使う場合、その画像はモノトーンにしてしまうか、画像内でのコントラストを下げる(黒いテキストに対してなら、全体的に白っぽく加工してしまう)というのが一般的です。

そもそも、中抜き文字を使わないといけないような背景画像というのは、おそらく読み手の本文への集中力を少なからず奪い取ってしまうと思われます。

あなたは訪問者に、テキストの内容を見せたいのか、単にデザインを見てもらいたいだけなのか、どちらが重要かということを考えて慎重にデザインしてみてください。

Re[2]: とりあえず、Web標準的な回答としましては
(#26755) このトピック中7番目の投稿
(環境: WinXP SP2/Firefox1.5)

何の解決でもありませんが、
http://www.w3.org/TR/2002/WD-css3-fonts-20020802/#font-effect
font-effect: outline
がCSS3で提案されていますね。あと10年もすれば、
ぽつぽつ使える環境も出てくるのではないでしょうか?

(環境: Win2000/seamonkey1.0a)

2005/11/15(Tue) 01:40:00 編集(投稿者)

> 単位を理解しない、未実装、又は意味合いが変わるブラウザも有るようですので、
> 「あえて」付けませんでした。

Mozillaファミリーに関係するフォーラムでのコメントとしては、ちょと...
Mozillaファミリーは、少なくともCSSにおける単位の記述に関しては「超厳密派」で、「W3Cの仕様どおり」、をデザインの目標にしているはずです。
# 多くの人の反対があったにも関わらず、日本の近くにある大陸の状況だけのために<MARQUEE>タグサポートを無理矢理実装した、なんていうこともありましたけど...

なお、この件とは関係ないですが、「CSSのお勉強のおススメ」が主旨ならば、HTML 4.xでは非推奨の<FONT>タグでの例示は、ちょっと不適切じゃないかと...
<FONT>タグのネスト&クローズ忘れとか、<table><font><tr><font><td>のようなHTMLの文法完全無視のケースについて、CSSのお勉強ついでに教えよう、という魂胆ならば、<FONT>タグは適切な素材ですけど(^^)

Re[3]: とりあえず、Web標準的な回答としましては
(#26760) このトピック中9番目の投稿
(環境: WinXP SP2/Firefox1.6a)

No26755に返信(deeggさんの記事)
> 何の解決でもありませんが、
> http://www.w3.org/TR/2002/WD-css3-fonts-20020802/#font-effect
> font-effect: outline
> がCSS3で提案されていますね。あと10年もすれば、
> ぽつぽつ使える環境も出てくるのではないでしょうか?WinXP SP2/Firefox1.5

実際問題、難しいですね。OSがこのようなレンダリングをサポートするべきだと思うのですが、それだとMozillaでもOSごとにサポート、非サポートという状況が生まれます。どのみち実装の仕方によっては、body{ font-effect: outline; } なんてやられた日には、描画速度がすごいことになりそうです。(engraveとembossは簡単に実装できると思いますし、Windowsでは日本語フォントをboldにするのと同じ速度で描画可能だと思いますが。)

(環境: その他/Mozilla1.7)

> Mozillaファミリーに関係するフォーラムでのコメントとしては、ちょと...

ご忠告ありがとう御座います。
# IE云々と書かれると悪戯心が.....(^^; 趣旨はcssやタグに付いて調べたり各ブラウザの問題や特徴をお勉強して貰えたら良いな〜と、
まあスレ主は戻ってこないか、のぞき見してるかも知れませんが...(^^)


このトピックの全ページ / [0]

返信不可


- Child Tree -