- ベストアンサー
ｃｓｓでリンクの文字と画像の場合の効果を使い分けたいのですが・・・。
ホームページのリンクで、文字のリンク部分はチョコっと凹んだようになって点々のアンダーラインがでるような指定をしたいのですが、画像（写真など）にリンクを張った時は何も起こらないようにしたいのですがそういう指定はできますか？ できるならどのようにすればいいのでしょうか？
- xx_nicoco_xx
- お礼率29% (34/117)
- その他（インターネット・Webサービス）
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
その他の回答 (2)
あ、そっか、ごめんなさい。#2さんのようにすれば解決ですね(俺の方が無理をしてた)
お礼
教えてくださり、ありがとうございました。 頑張ってみますo(*^▽^*)o
関連するQ&A
- ホームページビルダー９で文字にリンクを
ホームページビルダー９で文字にリンクを貼り付けると、どうしても文字の下にアンダーラインが入ります。先日、あるホームページでは、文字にリンクを貼り付けているのに、アンダーラインがありませんでした。これはホームページビルダー９でも可能ですか？それとも別ソフトだからできることなのでしょうか？ よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- css特定の文字のリンク文字色指定
教えてください。 一般的な文字の指定で a, a:link, a:visited { color: #333333; text-decoration: underline; ｝ というような指定をしますが、一部指定文字だけ 色を変えたり、アンダーラインの指定をする場合は どうすればよいのでしょうか？ たとえば、 .text{ color: #FFFFFF; } だけだと、visited は#333333になってしまうのですが #FFFFFFにしたい。という時の指定方法を教えてください
- ベストアンサー
- CSS
- 画像内リンクについて
ホームページの操作方法を説明する、 クリッカブルを作成しています。 HTMLにホームページのキャプチャ画像を貼り、 実際のホームページのように、 画像のリンク文字部分をクリックすると、 指定したリンク先に飛ばすといったものを作っているのですが、 画像内の特定の座標をクリックしたとき、 同じ画像内の別の座標に飛ばすということは出来ますでしょうか。 方法はタグでも何でもいいですが、 社内ネットワーク内だけで公開するものなので、 ローカル環境で動くもので、ご提案いただけるものがありましたら ご教示ください。
- 締切済み
- HTML
- CSSでリンクの表示をテキストと画像で変えたい
CSSを使って、 ・テキストのリンクのときは、 a:link で 常に点線のアンダーラインを表示 a:hover で マウスを重ねたとき色を変える ・画像のリンクのときは、 アンダーラインをださない a:hoverの動作をさせない という風にしたいのですがうまくいきません。 a:link { color: black; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; } a:hover { background-color: black; text-decoration: underline; color:white; } といった指定をして、テキストからのリンクに適用しています。そのうえで、画像には上記の設定が生きないようにしたいと思っていますがうまくいきません。 .bordernone { border: none; } と書いて、リンクの画像に <img src="image/xx.jpg" class="bordernone" style="border-style:none"> などとしてもうまくいきません。 よろしくお願いいたします。
- ベストアンサー
- CSS
- CSSで指定したリンクのみに下線
現在CSSを使ってHPを作成しています。全体的にはリンクには下線を引かないように下記のように指定しました。 a:link{color:#523e35;text-decoration:none;} しかし、リンク色とテキスト色を同じにしたいので同じにしましたがどこにリンクが貼ってあるのか分かりません。 とりあえず、ホームページ内メニューの部分のみはリンクが張ってあるか把握できるようメニューのリンク部分だけにでも下線を引きたいのです。 試しに .menu_line { text-decoration: underline; } 上記をつかって<div class="menu_line">でメニューを囲ってみるとリンクの部分ではなく、テキストの部分にのみ下線がひかれてしまいました。 いったいどう指定すればメニューの部分のリンクにのみ下線を引くことができるでしょうか…。 ご存知の方がいれば教えていただきたいです。 よろしくお願いします。
- ベストアンサー
- HTML
- CSS リンクに画像を使用したいのですが…
Dreamweaver CS3を使用してホームページを作っています。 スタイルシートを利用しているのですが、 リンク文字の前には画像を使用したいと思っています。 現在は画像を繰り返しなしで左上配置の背景にしているのですが、 長い文章で改行が入るとし下のようになってしまいます。 ----------------------- ★リンク リンク リンク リンク リンク リンク ----------------------- ↓（こうしたい） ----------------------- ★リンク リンク リンク リンク リンク リンク ----------------------- リストでマークに画像を使用するのも試してみたのですが、 同じ結果になってしまいました。 下記にソースを表示いたしますので、 どう変更すればいいのか教えて下さい。 よろしくお願いいたします。 ソース --------------------------------------------------- #main a{ text-decoration: underline; line-height: 150%; background: url(imgs/icon1.gif) no-repeat left top; padding-left: 17px; } #main a:hover { text-decoration: underline; color: #f54589; } --------------------------------------------------- <div class="main"> <p><a href="#">リンク リンク リンク リンク</a></p> <p><a href="#">リンク リンク リンク リンク<br /> リンク リンク リンク リンク</a></p> <p><a href="#">リンク リンク リンク リンク</a></p> <p><a href="#">リンク リンク リンク リンク<br /> リンク リンク リンク リンク</a></p> <p><a href="#">リンク リンク リンク リンク</a></p> <p><a href="#">リンク リンク リンク リンク</a></p> </div> ---------------------------------------------------
- 締切済み
- ホームページ作成ソフト
- css 画像の一部分をリンクにしたいです
画像の一部分だけをリンクにしたいです。 margin と width と height で指定したエリアをマウスオーバーすると、指定した部分だけ画像が変わってリンクになるという動作をさせたいのですが、うまくいきません。 最悪、画像が変わらなくても指定した部分のリンクができれば良いのですが画像全体がリンクになっているため、全体画像の上でマウスを動かしていると、リンク時のマウスカーソルになったり通常時のマウスカーソルになったりを繰り返しています。 html と css は以下のような記述をしています。 <html> <head> <style type="text/css"> div#menu a:hover { display:block; background-image:url(img/headerimg02.jpg); background-repeat:no-repeat; margin: 50px 468px 250px 50px; width:200px; height:100px; text-align:center; text-indent: -2000px; overflow: hidden; } </style> </head> <body> <div id="menu"> <a href="hoge.html"><img src="img/headerimg01.jpg" width="718" height="400"></a> </div> </body> </html>
- ベストアンサー
- CSS
- HPビルダーで画像を重ねてリンク
ホームページビルダー（6？）にて 画像を重ねて配置することはできますか？ また、文字にリンクを貼るのではなく画像にリンクを貼りたいのですがその場合はどのようにすればいいのでしょうか。 http://www.geocities.jp/ooxxroom/ こちらのHP の様にしたいのですが。 こちらは文字にリンクが貼ってあるのですが 画像にリンクを貼りたいんです。 これは6個の写真に分かれている様ですが このようにするにはテーブルを使って作っているのでしょうか。
- ベストアンサー
- ホームページ作成ソフト
- リンクのアンダーラインをなくす方法
ホームページでリンクした文字にはアンダーラインが引かれますが、アンダーラインを引かなくする設定はできるでしょうか？ソフトはPAGEMILL3.0 OS8.6です。
- ベストアンサー
- Mac
- リンクの格好をよくしようとしたら…画像まで
リンクをしている字の上にカーソルをもってきたら字のテキストカラーと下線が着いて、背景に色が付くように、下のような設定を見よう見まねで作って、テキスト文字は思うようになっています。 でも、画像にリンクを付けたものはインターネットエクスプローラーでみると、正常なのですが、ネットスケープでみてみると、ほとんどの画像が消えて、一部分だけ帯のようにバックグランドカラーがでて、そこだけ画像の部分が表示されます。この設定だったら、画像にリンクを張れないので困っています。 A:HOVER {text-decoration: underline; position:relative; top:1; left:1; color: #ff0000; background-color : #fee8e2; background-repeat : repeat; }
- ベストアンサー
- ホームページ作成ソフト
- ガレリアのデスクトップPCで起動後、画面が点滅し操作ができなくなっています。問題の詳細や提案してほしい解決策、直すために試したことなどをまとめています。
- PCの部品を変えるか、PC自体を変えてバックアップを使って元通りにするかの候補があります。放電や接続の変更などの試みは効果がありませんでした。
- PCの構成はガレリアのデスクトップPCで、マザボやCPUは交換しておらず、GTX1070など一部の部品は交換しています。問題の原因として、寿命やHDDの故障、基幹システムの破損が考えられます。
お礼
そんな指定の仕方があったんですね。 さっそく試してみます！ ありがとうございました。m(_ _)m