- 締切済み
カーソルの変形とマップの共存
お世話になっています。 マップを使った場合、カーソルをcrosshairには出来るのですが、リンクに乗ってもw-resizeにならないのです。 相性とかあるのでしょうか？ こんな風にやったのですが・・・ ↓ ↓ ↓ ↓ <STYLE TYPE="text/css"> <!-- BODY {border:3px solid #2c3143 ;cursor: crosshair ; scrollbar-base-color : #EEEEEE; scrollbar-face-color : #000000; scrollbar-track-color: #000000; scrollbar-arrow-color : #BBBBBB; scrollbar-3dlight-color: #EEEEEE; scrollbar-highlight-color : #000000; scrollbar-shadow-color : #EEEEEE; scrollbar-darkshadow-color : #000000; } A { cursor : w-resize ; } --> </STYLE> マップを使わない場合は問題なかったのです。 宜しくお願いします。。。
- hikaru2002
- お礼率43% (43/98)
- CSS
- 回答数4
- ありがとう数1
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- ittochan
- ベストアンサー率64% (2667/4137)
私のもMAPにしたら駄目でした、（IE） で、 これまでの反省の意味でスクリプトを書いてみたので見てもらえるとうれしいです。 <SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript> <!-- function area_onmouseover() { document.body.style.cursor="w-resize"; } function area_onmouseout() { document.body.style.cursor="crosshair"; } //--> </SCRIPT> </HEAD> <BODY> <P></P> <P><MAP NAME="FPMap0"> <AREA HREF="img1.jpg" SHAPE="rect" COORDS="61, 40, 102, 76" LANGUAGE=javascript onmouseover="return area_onmouseover()" onmouseout="return area_onmouseout()"></MAP> <IMG BORDER="0" SRC="thmimg1.jpg" USEMAP="#FPMap0" width="103" height="77"></A></P> </BODY> </HTML>
関連するQ&A
- テキストボックス
テキストボックスを作成したのですが、更新用にしたいので文字を打てないようにしたいのですが、苦難しています。 どなたか、教えてください。 <head> <style type="text/css"> <!-- body { scrollbar-arrow-color:#000000; scrollbar-face-color:#90eeaa; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#ffffff; } textarea { scrollbar-arrow-color:transparent; scrollbar-face-color:transparent; scrollbar-highlight-color:transparent; scrollbar-3dlight-color:transparent; scrollbar-track-color:transparent; scrollbar-shadow-color:transparent; scrollbar-darkshadow-color:transparent; } --> </style></head> <body> <FORM> <TEXTAREA rows="3" cols="70">
- ベストアンサー
- HTML
- スタイルシートのスクロールバー
現在ＨＰを作成しています。 スタイルシートでスクロールバーの色を変更させたいのですが、出来ません。 何処かおかしいでしょうか？ 宜しくお願いします。 <style type=text/css> <!-- body{ scrollbar-face-color:#fba32b; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-3dlight-color:white; scrollbar-arrow-color:#fba32b; scrollbar-track-color:white; scrollbar-darkshadow-color:white; } --> </STYLE>
- ベストアンサー
- その他([技術者向] コンピューター)
- HP作成（スクロールバーの色）
HP作成初心者です。 画面のスクロールバーの色をスタイルシートを使って変更したいのですが、言語がよく分かりません。 以下の「face-color」や「highlight-color」などはどの部分の色を指定しているのでしょうか？ 分かる方教えてください。参考になるURLなども教えていただければうれしいです。 <STYLE type="text/css"> <!-- body { scrollbar-face-color:#756fea; scrollbar-highlight-color:white; scrollbar-shadow-color: #756fea; scrollbar-3dlight-color: #756fea; scrollbar-arrow-color:white; scrollbar-darkshadow-color: #756fea; scrollbar-track-color: #4d44e3; } --> </STYLE>
- ベストアンサー
- その他（インターネット・Webサービス）
- スクロールバーのスタイルシートについて。
スクロールバーの色を変えるスタイルシートで質問です。 下記スタイルシートを使うとそれが出来るのですが、たとえば ＨＰをフレームで2つに分けた場合、全部のページにスタイルシートを 書かなければいけないんでしょうか？一番最初のページだけではうまく いきませんでした。分かる方お手数ですが教えて頂けないでしょうか。 <style type="text/css"> body { scrollbar-face-color: #ffffff; scrollbar-highlight-color: #330066; scrollbar-shadow-color: #330066; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: orange; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } </style>
- ベストアンサー
- HTML
- ココログのスクロールバー
「ココログ」を使っています。 カスタム編集にした時、CSSをつかって スクロールバーの色を変えたいのですが、上手く反映されず通常のままです。 （ちなみにオンマウスの設定など、他のCSSは反映されています） 何か間違っているでしょうか？ それとも「ココログ」ではスクロールバーの変更は対応してないのでしょうか？ ----------------------------------------------- <STYLE type=text/css> <!-- BODY{ scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000000; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } --> </STYLE> -----------------------------------------------
- 締切済み
- ブログ
- スクロールバーの色を変更
サイトのＴＯＰでスクロールバーの色の変更をして、それは出来たのですが… ＴＯＰに更新履歴を表示するテキストエリアボックスのスクロールバーまで色が変わってしまいます。 ここに関しては通常の青いスクロールバーにしたいのですが、どうすればいいのか分かりません…。 スクロールバーの色の変更は<HEAD>内にこれを使いました。 <style type="text/css"> <!-- body { scrollbar-arrow-color:#000; scrollbar-face-color:#90eeaa; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#000; scrollbar-track-color:#fff; scrollbar-shadow-color:#000; scrollbar-darkshadow-color:#fff; } --> </style>
- 締切済み
- HTML
- TEXTAREAのスクロールバーの色は変えない方法
次のようにすると、TEXTAREAのスクロールバーも色が変わってしまいます。 ブラウザのスクロールバーのみ変えて、TEXTAREAのスクロールバーの色は変えない、できるだけ洗練されたエクセレントな方法を教えて下さい！ body { scrollbar-highlight-color:#ffffff; scrollbar-arrow-color:#ffffff; scrollbar-3dlight-color:#0066ff; scrollbar-base-color:#0066ff; scrollbar-face-color:#0066ff; scrollbar-shadow-color:#0066ff; scrollbar-darkshadow-color:#299095; }
- ベストアンサー
- CSS
- 掲示板の背景に画像を固定したのですが・・・
初めまして 検索したのですが、これといった回答が見つからず新記事立てさせて頂きました 掲示板を作成し、スタイルシートを記述する欄があったので 背景画像(○○.gif)を右下に固定しよう・・・と思ったのですが 画像が背景だけではなく、スレッドの背景にも適用されてしまったみたいです これの直し方(正しいスタイルシートの表記)について、ご助力お願いします 見よう見まねの記述なのでとりあえず全て載せてみます(スタイルシート欄に記述した全文) <STYLE type="text/css"><!-- body { scrollbar-face-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#7323c4; scrollbar-3dlight-color:#7323c4; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#7323c4; scrollbar-darkshadow-color:#ffffff; } BODY,TD,TH{ line-height:16pt; background-image : url(○○.gif); background-repeat : no-repeat; background-attachment : fixed; background-position : right bottom; } a{ text-decoration:none; cursor:s-resize; } --> </STYLE> どうぞよろしくお願いいたします
- ベストアンサー
- HTML
- スタイルシートを一括で・・・。
<STYLE type="text/css"> <!-- body{ scrollbar-base-color:#000000; scrollbar-arrow-color:#ff0000; scrollbar-darkshadow-color:#00ffff; scrollbar-face-color:#00ffff; scrollbar-highlight-color:#00ffff; scrollbar-shadow-color:#666666; } --> </STYLE> このスタイルシートをすべてのページに入れる方法ってありませんか。 色の変更も１つだけの変更ですべて変更される方法があれば教えてください。
- ベストアンサー
- CSS
- IE6でのスクロールバーの色
IE5.5の時は、スクロールバーの色が変わってたんですが、 IE6にしたら、色が変わらなくなりました。 どうしたらよいでしょうか。 教えてください。 よろしくお願いします。 ■補足説明■ スタイルシートは外部から読み込むようにしてます。 記述は以下のとおりです。 body{scrollbar-base-color:#000000; scrollbar-face-color:#000000; scrollbar-track-color:#000000; scrollbar-arrow-color:#8080ff; scrollbar-3dlight-color:#8080ff; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#8080ff; font-size:12px; color:#8080ff; background-color:#000000} ・ ・ ・ ・ フォントサイズ、フォントの色、背景色は認識されてます。
- 締切済み
- その他（インターネット・Webサービス）
