締切済み

単語で先頭の文字色

2005/02/27 01:08

"Goo Mail Advance" と文字列があった場合に， G と M と A の文字色を変えたいのですが， <span…>Goo <span…>A … としないと出来ないのでしょうか?? Goo Mail Advance 風には出来ないのでしょうか?

xxx_cube_xxx
お礼率100% (17/17)

HTML
回答数7
ありがとう数10

みんなの回答 （7）
専門家の回答

みんなの回答

Bo_Bo
ベストアンサー率65% (97/149)

2005/02/27 16:22 回答No.7

#2 です。 #6 のHTML例文を訂正します。 <html><head><title>TEST</title> <style type="text/css"></style> </head><body> Goo Mail Advance Goo Mail Advance </body></html>

質問者

お礼 2005/02/27 19:05

@media aural で，ってのも良いですね。でも今度気になるのは，どちらにもスタイルが適応されずに２行表示されるかな。って事です。 img でやってみようかな。

Bo_Bo
ベストアンサー率65% (97/149)

2005/02/27 13:10 回答No.6

#2 です。 >心配したのは，音声での読まれ方なのです。最初の質問文に、それを記述して欲しかったな～。 mediaタイプを活用する方法が浮かびますが、私も質問者殿と同じく、音声ブラウザで確認する術を持っていません。ですので、以下の例文は参考程度に考えて見て欲しいです。また、通常のブラウザであっても、クライアントの環境（種類、バージョン）によっては、意味不明な表示がなされるかもしれません。結局、#5 さん回答の画像を用いる方法が、最も現実的かなと思います。 ●mediaタイプでCSSの住み分けをして、「音声スタイルシート」を使用する。 <html><head><title>TEST</title> <style type="text/css"></style> </head><body> Goo Mail Advance Goo Mail Advance </body></html> ---- 「音声スタイルシート」に関しては、 http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/aural.html を参照してください。

質問者

お礼 2005/02/27 18:58

何度も気にしてくれて，ありがとうございます。 > 最初の質問文に、それを記述して欲しかったな～。ですよねぇ。ごめんなさい。返信が遅れたので，#7 へ返信します。

hiro_izushi
ベストアンサー率40% (72/178)

2005/02/27 10:20 回答No.5

私も、CSS"first-letter"を使い、 GooM… で良いと思ったのですが、ダメと言うのなら、いっそ、画像を使ってしまっては、いかがでしょう。音声ブラウザは、altを読んでくれるので <img src="image.gif" height="30px" width="200px" alt="Goo Mail Advance"> としておけば良いかと。この場合、テキストブラウザで表示されないことがあると言われるのならば、CSSのバックグランドイメージを使う方法。 ●ＣＳＳ .goo_mail_advance { 　height: 30px; 　width: 200px; 　background-image: url(image.gif); 　background-repeat: no-repeat; } .hide { 　display: none; } ●ＨＴＭＬ <div class="goo_mail_advance"> 　Goo Mail Advance </div> もありますが、この場合はプリントアウトの際に"Goo Mail Advance"が印刷されないことがあるので、プリント用のスタイルシートも作成しなくてはなりません。

質問者

お礼 2005/02/27 18:53

> GooM… これですかね。 > この場合、テキストブラウザで表示されないことがあると言われるのならば Lynx for Win32 ってのを使ってるんですが，alt の中身を表示してくれます。テキストブラウザはこれしか使ってませんので，他のは知りませんでした。今後注意します。 > もありますが、この場合はプリントアウトの際に"Goo Mail Advance"が印刷されないことがあるので回りくどくなっちゃいますが，この方法も良いですね。

noname#223623

2005/02/27 06:02 回答No.4

#3です。 > JavaScriptとかCGI、PHPを使えばできるんだけどね～。と言ったものの、「JavaScriptはどうだろう」という気がしてきた。普段使わないので自信ないです。PerlとかPHPなら簡単だろうけど。とりあえず訂正しときます。すみません。

質問者

お礼 2005/02/27 18:44

JavaScript は，殆ど使わないので忘れちゃいました…。訂正を，ありがとうございます。

noname#223623

2005/02/27 03:34 回答No.3

JavaScriptとかCGI、PHPを使えばできるんだけどね～。といっても結局は<span…>Goo <span…>A …を自動生成するんだけど。 spanタグの入力が面倒だっていうんなら有効かも。 CSSでやるとなると、う～ん。やれないんだろうな。

質問者

お礼 2005/02/27 18:30

> CSSでやるとなると、う～ん。やれないんだろうな。そぉですかぁ…。これ位出来ても良いのに。と思いますが……。 GMA とは <span…>Goo M…の略語で… なんて機会あると思うんだけどなぁ…。

Bo_Bo
ベストアンサー率65% (97/149)

2005/02/27 03:09 回答No.2

出来ないでしょうね。ただ、段落の先頭文字のみを対象にするのであれば、CSSで書式設定できます。 <html><head><title>TEST</title> <style type="text/css"></style> </head><body> Goo Mail Advance </body></html> ---- Firefox 1.0, IE6, Opera 7.5 でのみ検証！

質問者

お礼 2005/02/27 03:17

心配したのは，音声での読まれ方なのです。 <span…>Goo とした時，"ジー"，オーオーになるかなって。それで思ったんですが， GooM… なら，グー，メール，アドバンスになる気が。ま，音声ブラウザ持ってないんですけどね。

質問者

補足 2005/02/27 03:20

「色は無理ですが」を，入れ忘れました。

rightegg
ベストアンサー率41% (1357/3236)

2005/02/27 01:31 回答No.1

こんばんは、 CSSを使わなくても良いのであれば、 G で変えることも出来ます。文字抜きだしで変えるのは、不可能だとまでは言いませんが、結局かなり難しくなるはずです。

質問者

お礼 2005/02/27 01:38

ども。 では，その通りだと思います。 Cascading Style Sheets で。と思っています。 > 文字抜きだしで変えるのは、不可能だとまでは言いませんが、結局かなり難しくなるはずです。 text-transform:capitalize; 風に色を変えたかったんですが，難しいですかぁ…。でも，出来なくは無いって事ですよね??

関連するQ&A

VBA　先頭一文字だけ残し、色を無しにしたいです
office365です。 A列に文字が入っており、必ず先頭は何かしらの記号が入っています。セルには、塗りつぶし書式がかかっている個所があり、色は「黄」で統一です。 A列を検索し、セルに塗りつぶしがされていた場合、そのセルの先頭の文字だけ残して削除し、かつ色無し。色が塗りつぶしされていないセルは、変化無しです。という命令を作りたいのですが、どう作ればいいか戸惑っています。
- ベストアンサー
- Excel（エクセル）
タイトルに使われる単語の先頭の大文字
例えば「わたしにはニ歳になる娘がいます」というとき、 "I have a two-year-old daughter."というように、ハイフンを使って形容詞を作ることがあるかと思います。一方、英語のなんかしらのタイトルでは、よく、冠詞や前置詞を除き、単語の先頭の文字を大文字にしているのが見うけられます。そこで質問なんですが、先に挙げた英文をタイトルにした場合、ハイフンでつなげられた各単語はどうすればいいのでしょうか？つまり、"I Have a Two-Year-Old Daughter"となるのか、または、"I Have a Two-year-old Daughter"となるのでしょうか？
- ベストアンサー
- その他（語学）
特定の文字列の隣のセルの文字色変更
Excelに関する質問です。 A5～N42のセルに特定の文字列が入力されている場合、 A列、D列、G列、J列、M列、P列に入力されている文字の色を変えたいのですが、何か良い方法を教えてください。
- ベストアンサー
- オフィス系ソフト
リンクの文字とリンクの文字を横に並ばす時に適度にスペースを入れたいので
リンクの文字とリンクの文字を横に並ばす時に適度にスペースを入れたいのですがどうすればよいでしょうか？特に「はいそうです。」と「いいえ、違います」のリンク文字の間にスペースをキーボードから打ち込もうとすると、リンクの下線が伸びてしまうのですが・・・。文字の下のリンクの下線は残したまま、スペースの時に下線が伸びないようにするにはどうすればよいでしょうか？ <style type="text/css">  </style> </head> <body> <img src="../image/web_013.gif" alt="引越元も引越先も1階かつ目の前でこちらが用意した台車は使用可能ですか？" width="400" height="77" /> <div align="justify"> <a href="link3.html">１．はいそうです。　</a> <a href="link0.html"> ２．いいえ、違います。</a> </div> 　　　<img src="../image/web_024.gif" alt="引越元と引越先" width="300" height="357" /> <a href="link1.html"></a> <a href="link1.html"> <input type="button" value="前へ戻る" onclick="window.history.back()" /> </a> <a href="../index.html"> トップページへ戻る </a>   </body> </html>
- ベストアンサー
- HTML
phpでhtmlソースを解析し、文字を抜き出したいのですが、上手くきま
phpでhtmlソースを解析し、文字を抜き出したいのですが、上手くきません。 あ い う え お か このようなソースから「あいうえお」の部分だけを抜き出したいのです。以下のようにしているのですが、改行が無い場合は上手く取得できるのですが、以下のような形で途中に改行が入っている場合、上手く取得できません。 あ このような場合でも取得できるようにするにはどうすればよいでしょうか。 $lines = file("http://～～"); foreach ($lines as $line) { preg_match('/(.*?)<\/span>/ms', $line, $match); preg_match('/(.*?)<\/span>/ms', $line, $match); } msをつけておりますが、この場合は１行１行ループしているために意味がない状態になるのでしょうか。どのようにすれば取得させることができるのでしょうか。お手数をおかけしますが何卒よろしくお願い致します。
- ベストアンサー
- PHP
JavaScriptで連続する空白を、htmlタグ付きで別の文字の連続
JavaScriptで連続する空白を、htmlタグ付きで別の文字の連続に置換する方法 ※可視化のため下記のサンプルでは、空白を「_」で表現しています「_」の連続を、「#」の連続とそれをタグで囲んだ状態にしたいと思っています。やりたいことはこんな感じです。 (0)：置換前：hoge_hogehove___asd#bn__ (1)：置換後：hoge#hogehove###asd#bn## しかし正規表現の書き方が分からなかった為、現状のコードはこんな感じにしています。 str.replace(/_/g, "#"); 実行結果はこうなります。 (2)：現状：hoge#hogehove###asd#bn## 無駄に長いのですがとりあえず現状でも、htmlとして表示したときの結果は間違っていません。しかし・正規表現を十分に理解できていないレベルの低いコードっぽい・最終的には比較的多くの文字列を処理をする・保持しておいて繰り返し表示するので置換後の文字列を小さくしておきたいと思っています。 (0)を(1)の状態に変換する方法を教えてください。出来れば正規表現でシンプルにパシッと決める方法を希望しています。よろしくお願いします。
- ベストアンサー
- JavaScript
特定の文字列間を抽出(MAC)
特定の文字列間の文字列を抽出したいのですがなにかいいソフトはありませんでしょうか？例えば、 △△△ ◯◯◯ □□□ という文があったら ◯◯◯ □□□ もしくは ◯◯◯ □□□ を抽出したいのですが。回答お待ちしています。
- ベストアンサー
- その他(ソフトウェア)
文字と数値が混在する文字列で先頭のn文字のみ切り出す関数
おせわになっていますＡＭ２３１５６ＡＢ０１５６７Ｃ１５５９０１Ｍ５５６３４８ＢＤ６５４７８このような文字列データがあるのですが先頭がアルファベット１文字の場合その文字のみをアルファベット２文字の場合その２文字を切り出したいのですＣ１５５９０１の場合「Ｃ」のみを取り出すＡＭ２３１５６の場合「ＡＭ」を取り出すこのようにする関数を教えて下さいＬＥＦＴ関数で取り出すのまではわかるのですがその後をどのようにするのか見当がつきません win ＸＰ　エクセル2003
- ベストアンサー
- Windows XP
エクセルの列に文字追加置き換え？
エクセルでＡ１～Ａ１００００ぐらいに文字データが入っています．これに１文字先頭につけて更新したいのです．たとえば 1234A 1234A 　｜ 2345A 2345A 　｜と同じデータが続く場合と続くかない場合もあります．この文字列の先頭に全部Mという文字を付加したい場合どのようにしたらいいのでしょうか？変換後 M1234A M1234A 　｜ M2345A M2345A 　｜マクロなどわからないので最初にMをつけてコピー貼り付けでやっています．でもデータがはんぱでなく多いので何かいい方法があるのではと思ってはいますがどのようにすればいいかわかりません．どなたかお教え願えないでしょうか？
- ベストアンサー
- オフィス系ソフト
一部文字の上下padding設定について
以下ソースを作成しました。最後にPタグ、Aタグの中身に文字を記述しています。・文章 ここにテスト文章段落1 <a class="ast" href="#">ここにテストリンク1</a> 両方の文章に存在するspanで囲まれている[テスト]という文字の上下paddingを設定して、テストだけ文字位置の高さを変えたいのです20pxほど「テスト」という文字を、上または下に動かしたい。(=ずらしたい) 以下ソースを記述しましたが、左右のpaddingは有効になったのですが、上下paddinが有効になりません。どのようにしたら良いのでしょうかご教授よろしくお願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> .pst{ background-image: url("back.jpg"); padding:10px; } .ast{ display:block; padding:10px; background-image: url("back.jpg"); } .try{ padding:10px; } </style> </head> <body> ここにテスト文章段落1 <a class="ast" href="#">ここにテストリンク1</a> </body> </html>
- ベストアンサー
- CSS

単語で先頭の文字色