- ベストアンサー
タグに関する質問(文字に影をつける)
リンク付きの文字に影をつけたのですが、文字の抜けている部分が押せなくなってしまいました。 えっと、かなりわかりづらいですよね; 例えば「十」という文字を □□■□□ □□■□□ ■■■■■ □□■□□ □□■□□ と現すと、通常なら□の部分も■の部分も押せますよね? でも影をつけると□の部分は押せなくなってしまうんです; 解決策はあるでしょうか? タグは <P style="WIDTH:100%;FILTER:Shadow(color=#335588,direction=120)"> <A href="a.htm">りんく</A> </P> といった感じです。 それと、同じ質問に入れるか迷ったのですがテーブルの外枠だけを半透明にする方法もあったらお願いします;
- Raid-il44
- お礼率87% (110/126)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
こんにちは <a>と<p>の位置を反対にしてやってみてはどうですか? カーソルがデフォルトになったので style="cursor:hand;" を付け加えてみました(^^) <A href="a.htm" style="cursor:hand;"> <P style="WIDTH:100%;FILTER:Shadow(color=#335588,direction=120)"> りんく </P> </A> tableの方はalphaを使えば何とかなるかと思ったけど外枠だけは無理かも?・・・ 中身も半透明になるので・・・ border-colorを半透明色の色(薄色)に指定してやるとか・・・ http://book.mycom.co.jp/support/e1/css/p288.html
その他の回答 (1)
- MAN_MA_RUI
- ベストアンサー率41% (426/1024)
多くのリファラーを求めるのであればそういうfilterの積極的な使用は余りお勧めできません。 FilterはWindows版のIEしか対応しておらず、それ以外の環境で全く効果がありません。 好みで非IE系統のブラウザを使う方から嫌がられますよ。 かといってテキストに直接影を付けるというやり方に代替手段はありませんので、他の装飾効果を用いたり画像化したりすることをお勧めします。 まぁ、IE以外でもバッチリ見られるようにした上でIEユーザーへ特殊効果を提供すると言うのであればアリかもしれませんが…。 > <a>と<p>の位置を反対 アンカーの中にパラグラフを入れるのはHTMLの構造として正しくありません。
お礼
ですか~; 画像なども検討しておきますね; 他のブラウザも使いながら弄ってみます。 ありがとうございましたv
関連するQ&A
- 文字に影を付ける
ホームページ作成で <p style="filter:Shadow(Color=#100000,Direction=135,Strength=4);height:0em;padding:0em;">文字に影を付ける</P> とすると、Windows7やVistaでは影が付くのですが、Windows8ではダメです。どうしたら良いのでしょうか?
- 締切済み
- ホームページ作成ソフト
- 影付き文字の表示
スタイルシートで <span style="width:100%;filter:blur(add=1,direction=135,strength=20)"> <FONT SIZE="6" COLOR="blue"><B>サンプル</B></FONT></span> のように作成した「サンプル」の文字が以前は影が表示出きていたのに最近表示出きません又、 <div style="width:100%; filter:shadow(color=#666666,direction=135)"> <IMG SRC="images/***.Jpg" ALT="***" WIDTH="240" HEIGHT="180" BORDER="0"></div> で写真に影を付けていたのですが同じように最近は表示出来ません。 何が原因なのでしょうか? 教えて下さい。
- 締切済み
- その他(インターネット・Webサービス)
- 画像に影をつける方法について
・・・・・・・・・・・・ この写真は○○です。 画像 ・・・・・・・・・・・・ ↑ 上記のようなレイアウトになっている「画像部分」に影を付けたくて、あるサイトで見つけた下記の文字を加えてました。 <div style="width: 100%; padding-bottom: 10px; filter: shadow(color=#4d4d4d, direction=135);"> <img src= "http://*******" align="left"> この写真は○○です。</div> 画像部分に影が付くようにはなったんですが、画像横の文字「この写真は○○です。」まで影付きになってしまいました。 画像部分だけに影を付けるには、どうしたらよいのでしょうか。教えてください。
- ベストアンサー
- HTML
- 影つき文字をCSSで指定するタグについて
さっそく質問なんですが <font style=filter:dropshadow(color=white,offx=1,offy=1,positive=true);width="100%";height="20pt">文字</font> これで影つき文字できると思うんですが、 <BODY>でじゃなく、 CSSで指定?できないのしょうか? (いちいち<BODY>の中でFONTごとに指定するのではなく、 <HEAD>~</HEAD>の中に入れて指定したいんです。) よろしくお願いします。 ちなみにちょっと急ぎです;
- ベストアンサー
- CSS
- HTMLで文字の影
HTMLで、影文字を作りましたが、オケーウェブ(今見てる画面)の一番左上にある画像のように 、鏡のように、影を反転させようと思いますが、色々試行錯誤しましたが、上手くいきませんが、 何かアイデアはありませんか? text-shadowは、IEで使えないので、HTMLタグでお願いします。 ちなみに私のHTMLのソースです。 <html><head></head> <title>CSSを作るぞ</title> <body> <span style="width:60%;filter: (color=#E3E3E3,offx=3,offy=3,positive=-1)dropshadow (color=#E3E3E3,offx=10,offy=10,positive=-1);"><font size=7>影がついたかな?</font></span> </body></html>
- ベストアンサー
- HTML
- タグについて質問です。
<a href="url">文字入力</a><img src="url" width="1" height="1" border="0"> このタグにはurlを入れる欄が2つありますが2つめの欄のurlはどのような働きをするのですか? カテ違いだったらすいません。
- ベストアンサー
- HTML
- タグで囲まれた文字を取得する方法
タグで囲まれた文字列を取る関数とか ないでしょうか。 「この部分」を取りたいのです。 <td>この部分</td> <font color="#ff0000">この部分</font> <a href="http://test.com">この部分</a> 同じタグがいくつも有る場合もあるので、 頭から(下から)の検索スタート文字数とか 決められれば最高です。 調べてみたところ下のモジュール?をつかうと <title></title> とかの間はとれるようですが・・・ WWW::Mechanize LWP::UserAgent
- ベストアンサー
- Perl
- HTMLとCSS
CSSで、文字に影をつけようと思っても、プログラムを組んでもうまくいきません。他(CSSで文字に色をつける)のを組むと、上手くいきますが、影だけが失敗します。 他のCSSが動いたって事は、CSSの基本は合っているので、多分、 影のCSSタグが間違っていると思います。 使ったタグは下記で。 省略 <STYLE TYPE="text/css"> <!-- .ts1 {text-shadow:3px 3px} .ts2 {text-shadow:red 3px 3px;} .ts3 {text-shadow:red 3px 3px 2px;} --> </STYLE> </HEAD> <BODY> <SPAN CLASS="ts1">text-shadow</SPAN><BR><BR> <SPAN CLASS="ts2">text-shadow</SPAN><BR><BR> <SPAN CLASS="ts3">text-shadow</SPAN><BR><BR> </BODY> </HTML> 上記で失敗したので、このタグもつかいました td { filter:dropshadow (color=red ,offx=3 ,offy=3 ,positive=true) ; } 何処が原因でしょうか?
- ベストアンサー
- その他(プログラミング・開発)
- 文字をボックスで囲うことができるタグは?
<p>今日は<a>晴れ</a>です</p> 上記<a>タグに、以下のstyleを適用すると晴れをボックスで囲うことができます。 a { display: inline-block; background: #aaa; } しかし<a>タグはリンク目的で利用します。 <a>タグではなくても<p>~</p>の中で利用できて文字をボックスで囲うことができるタグって他にあるのでしょうか? どうぞよろしくお願い致します。
- ベストアンサー
- HTML
お礼
ありがとうございますv えっと、リンクにしたい文字がたくさんあるので一括では無理でしょうか; 注文が多くでごめんなさい; tableの枠はすでに薄い色なのでこのままにすることにします♪;