テキストシャドウ？ 文字をぼかす
- テキストシャドウを使用して文字をぼかす方法について教えてください
- ネサフでCSS３の記述を見つけたのですが、IEでは使えないと書いてあったので、IEで見るなら他の方法がいいのかもしれません
- CSSリファエンスを活用しながら、文字の色を変えたりして試しているところですが、具体的なやり方を教えていただけますか？
- ベストアンサー
テキストシャドウ？ 文字をぼかす
http://x69.jp/croix/17/ ←こちらのトップが気になって数日悩んでいます。 オンマウスで文字がぼけて見えるのですが、全く素人のため、ネサフしてもよく理解できません。 tableで、イメージ画像が二枚使用してあるようなのです。 文字をぼかすのはIEでは見れないと書いてあったようなのですが、CSS３でこういうことができるような記述を読みました。 基本からやっていないので、CSSリファエンスなどを活用しながら、色を変えたりなど、コピーしてなんとなくわかり始めているところです。 IEで見るなら、イメージ画像のほうがいいのでしょうか？ よくわかりません。 こんな私でも、文字をぼかすことが出来るなら、わかり易くやり方をご伝授ください。 よろしくお願いします。
- Windows 7
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
カテ違いですね。 それはさておき、これはぼかしているのではなくテキストを上下に揺らしていると思います。 多分JavaScript だと思います。 以下の応用ではないかと・・・（中程にサンプルがあります） http://blog.le-coeur.net/archives/290
関連するQ&A
- 文字をぼかす方法 テキストシャドウやフィルター文字
ど素人です。CSSをホームページビルダーを使って弄りながら微かに覚えていってます。 http://x69.jp/croix/17/ ←こちらのトップのようなものを作りたいです。 <div align=""> <table cellspacing="0" cellpadding="0" width="100%" height="100%"><tr><td align="center" valign="middle"> <a href="http://*****" onfocus="this.blur()" title=" dive into "><img src="img/index.gif" onmouseover="this.src='img/index2.gif'" onmouseout="this.src='img/index.gif'" border="0"></a> <img src="img/index2.gif" height="0" width="0"> HTMLファイルはこんな感じでした。さっぱりわからないのですが、オンマススとあるので、マウスを上にのせた状態の時に文字が滲んだように見えているんだろうなと推測してます。 ***わかる方は説明してくださると嬉しいです。 今の私には理解できないので、http://copicopi.com/filter.html こちらのサイトを参考にしたいと考えています。 ***ただコピーするだけのことなのですが、影をつけたまま文字を滲ませたりすることを一度に設定したいときはどうすればいいのでしょうか？ いくつかの設定をしたいときは、「;」で区切るような文章を見た気がします。 <span style="width:100%;font-size:20pt;filter:Alpha(opacity=10.)このあと→ ;filter:Blur(add=0, direction=315,strength=4)">ここに文章を書いてください</span> というように、続けていいのでしょうか。 チェックすればわかることなのですが、ビルダーの使い方も届いたばかりで把握してなくて、教えていただけると助かります。 文字をぼかすのはIEでは見れないと書いてあったようなのですが、CSS３でこういうことができるような記述も読みました。 でも私のPCでは見えています。 ***フィルター文字は使用しないほうがいいのでしょうか。 あちらこちらの記事に惑わされています。わからないので、教えてください。 よろしくお願いします。
- ベストアンサー
- CSS
- INPUT TEXT内の文字位置を指定したい
<input type="text" name="hoge">というフォームを作ったとします。 そのフォーム内に文字を入力した際に、文字の配置が上寄せ(top)や真ん中（middle）になるよう指定をしたいのですが、CSSでどのように記述すればよいでしょうか？ ご回答よろしくお願いします。
- ベストアンサー
- HTML
- オンマウスで特定の画像だけ1ピクセル下げたい
オンマウス時にボタンを押したような効果を出すためリンク画像を1ピクセル下げたいのですが cssで指定の際 a:hover { position: relative; top: 1pt; } 等としてしまうと、リンクが設定されている文字も画像も全てオンマウス時に動いてしまいます。 自分でもしばらく調べてみたのですが、検索の語がイマイチなのか欲しい情報にヒットしませんでした。 特定のの画像だけ、または文字列だけを動かす指定の書き方がありましたら 教えていただけるとありがたいです。
- ベストアンサー
- HTML
- IE７の表示崩れを直したい
CMSでCSSを使ってサイトを作成するにあたり、IE7だけ表示が崩れてしまうのですが、何が原因で崩れてしまうのかがわかりません。 IE6、IE8、Firefox、Opera、Safariともに表示が崩れないのですが、これはIE7単体のバグなのでしょうか？ ・サイトURL http://www.tantanmen.com/site/index.html ・CMSは、SOY-CMSを使っています。 おそらくは、大きな画像部分のCSSの記述の問題化と思うのですが、このように記述しております。 /*トップイメージの設定*/ #top_image { width: 1000px; height: 528px; clear: both; width: 1000px; height: 528px; padding: 0; background: url("img/top_image01.jpg") 0 0 no-repeat scroll; text-indent: -9999px; display: block; } どうぞ、よろしくお願いいたします！
- ベストアンサー
- HTML
- テーブル内の文字が揃わない
検索したのですが、見当たらないので質問させてください。 私は、ほとんど無知でコピペやテンプレを利用させてもらってホームページを作っている初心者です。 テーブルの中の文字が下のテーブルの文字の位置と合わなくて困っております。 cssは外部から呼び出しで、 ------- .t{ font-size:15px; color:#666; margin:1px 8px; text-align:right; } .t:first-letter{color:#e68080;} .text2{ line-height:18px; margin:2px 0px 20px 0px; border:1pt dotted; padding:8px 2px 8px 2px; color:#e69999; } ------ htmlは ------ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <link rel="stylesheet" type="text/css" href="left.css"> <title>diary</title> <base target="main"> </head> <body> <div class="t">blog1</div> <div class="text2"><a href="http://■.jp">日記1</a></div> <div class="t">blog2</div> <div class="text2"><a href="http://●/">日記2</a></div> <div class="t">diary</div> <div class="text2"><a href="http://▲">日記3</a></div> </body> </html> ----- と記述しています。 この日記2と日記3の文字の開始位置はマージンで指定した左で揃っているのですが、 日記1が下の２つよりもっと左に表示されてしまいます。 別のページではテーブル内をテキストではなく、画像で使用しているのですが、 同じく１つ目のテーブルの中の画像だけが左に寄り過ぎており、 加えて別のテーブルではスペースが余計に空いていて、最初のオンマウスで位置が詰まります。（画像が動きます） テーブルを消してみたりしたのですが、文字位置は変わらないので原因はテーブルではないと思うのですが… どこをいじったら解消されるのかがわかりません。 説明が下手でわかりにくいかと思いますが、どなたかご回答宜しくお願いいたします。 記述しているソースがお門違いでしたら、貼り付けなおします。
- ベストアンサー
- HTML
- ＜css＞テーブルの中と外で同じフォントサイズにならない
WinXPproSP2＋IE6です。 HTMLで作ったページにテーブルがあります。 外部cssでbodyとtableのフォントサイズを別々の設定で20pxにしました。 このcssを前述のHTMLにリンクさせ、IEで表示すると、テーブルの中の文字とテーブルの外の文字の大きさが違います。 どうすれば同じになるのでしょうか？ HTMLでのフォントサイズは行っておりません。 ＜cssの記述内容＞ body{ font-size:20px; } table{ font-size:20px; }
- ベストアンサー
- CSS
- netscapeで文字を指定し通りに表示させたい。
hmtlでテーブルの幅を500pxで指定していてその中にテキストと550pxの画像を挿入しても文字は500pxのサイズのままで表示させたいです。 でもieだとそのように表示させられるのですが、netscapeだと文字が550pxまで表示されてしまいます。なるべくテーブルは使わず表示させたいです。よい方法があったら教えてください。 あとcssは使えない設定？なので、なるべくhtmlで解決したいです。
- 締切済み
- HTML
- jQueryを使ったロールオーバーについて
初めまして。Webサイト作成の初心者です。 JQueryを使って、フェードエフェクト効果のあるロールオーバーを作成したいと思っております。 例えば次のサイトでは、若干フェードエフェクト効果のあるロールオーバーとなっておりますが、ソースを見るとbody内にはオフマウス用の画像だけが記されております。 http://mizuame.sakura.ne.jp/jquery.tgImageRollover/demo/script2.html オンマウス用の画像への切り替えはCSSで行っているのでしょうか？ ちなみに、グローバルメニューなどでは、オフマウス用とオンマウス用の画像を一つにし、CSSで座標を調整することで、ロールオーバーをすることが多いと思いますが、この方法だとJQueryを使ってロールオーバーにフェードエフェクト効果を付けることはできないのでしょうか？ それとも、やはりロールオーバーにフェードエフェクト効果を付けるには、オフマウス用の画像とオンマウス用の画像を、それぞれ用意し、オフマウス用の画像はHTMLに記述し、オンマウス用の画像はCSSに記述するのでしょうか？ どのような回答でもお受けしたい所存で御座いますので、どうか宜しくお願い致します！！
- ベストアンサー
- JavaScript
- テーブルの上下右側に文字列を表示したい
添付画像のように、テーブルの上下右側に、文字列を表示したいと考えています。 テーブルの幅や列数はデータの内容によって変わります。 HTML・CSSをどのように記述すれば上記を実現できるでしょうか。 ※単に右寄せにすると、テーブルの右端ではなく画面の右端になります。 試行錯誤しているのですがうまくいきません。 どなたかお知恵をお貸しください！
- ベストアンサー
- HTML
- HTMLでCSSを使わずに文字を回り込ませる方法
題名通りなのですが HTMLにおいて画像の横に文章を書きたい場合は CSSを使って文字を回り込ませます。 しかしCSSを使わずにHTML上だけでこれをできるようなのですが 探し方が悪いせいか方法がわかりませんでした。 なのでCSSを使わないで 画像の横に文字を回し込ませる方法を教えてください。 ※画像は理想とするイメージです
- ベストアンサー
- ホームページ作成ソフト
お礼
ありがとうございます。 カテ違い？ と申しますと、どちらに質問する内容なのでしょうか。 教えていただけると嬉しいです。 metaタグにjavaScriptの文字がありました。 見落としていました。すみません。 リンクありがとうございます。早速みてみます。
補足
カテゴリ→技術者その他ですか？ 改めて質問したいと思います。 ありがとうございました♪