AIと戦って、あなたの人生のリスク診断 >>

リンクを貼ると出るアンダーラインを、出ないようにするにはどうしたらよいのでしょうか?
できれば、Dreamweaverでのやり方を教えていただけないでしょうか?
多分スタイルシートだと思ったのですが...。
どうぞご存知の方よろしくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

>Dreamweaverでのやり方教えていただけないでしょうか?


ということですので、ページ内の全てに下線を表示させない場合は
1)リンクを貼りたい文字を選択してリンクさせます。
2)リンクを貼った文字を選択した状態で
  「テキスト」メニュー→「CSSスタイル」→「スタイルシートの編集」を選択
3)表示される「スタイルシートの編集」ダイアログで「新規作成」ボタンを押す
4)表示される「新規CSSスタイル」ダイアログで以下のように設定します。
   「タグ」→「a」を選択
   「タイプ」→「HTMLセレクタと疑似クラスの使用」を選択
   「定義場所」→「現在のドキュメントのみ」を選択
5)表示される「a用のCSSスタイル定義」ダイアログで下記のように設定します。
   右のカテゴリから「タイプ」を選択
   「タイプ」のメニューから「飾り」→「なし」を選択

以上で下線が表示されません。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます!

できました!
丁寧なご回答大変感謝いたします。
助かりました!

お礼日時:2002/11/02 18:14

text-decoration : noneを使います。



例えば

<A style="text-decoration : none;" href="***.htm">111</A>

ページ内の全てに下線を表示させない場合は

<STYLE type="text/css">
<!--
A{
text-decoration : none;
}
-->
</STYLE>
</HEAD>
<BODY>
<A href="***.htm">111</A>

とした方が簡単です。
    • good
    • 2
この回答へのお礼

ご回答大変ありがとうございます!

これをheadのなかに書けばよいのかな?

ちょっとやってみます。
ありがとうございました!

お礼日時:2002/11/02 18:13

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qリンクテキストの下線を消したい(dreamweaver)

CSSを使ってリンクテキストの下線を消し、さらにテキストの色も変えたいのですが、CSSの設定の中を探しても見当たりません。教えてください。ちなみにバージョン6.0です。

Aベストアンサー

リンクにマウスが乗っている時やクリックした時もでしょうか?
その場合、以下のコードを書いてください。ここでは文字色は「白」を指定しています。

*****CSS*******************
a, a:hover, a:active {
text-decoration: none;
color: #FFFFFF;
}

また、マウスが乗っている時やクリックした時したときに背景色を変えたければ、以下のコードを追加してください。

a:hover {
background-color: #FF0000;
}

a:active {
background-color: #0000FF;
}

色コードは色名でない方がdreamweaverはいいです。細かく自分で編集したい場合は、CSSファイルを開き、「デザイン」パネルの「CSSスタイル」で「スタイルの編集」をチェック。右下のゴミ箱の横「スタイルシートの編集」をクリックすれば、スタイルシートの編集画面が出てきます。

がんばって~

QDreamweaverで、問い合わせフォームを作成し、”送信”ボタンでメールを送信する設定方法

Dreamweaverで問い合わせフォームを作成して、メールを送信できるようなページを作成したいと思っています。

参考書や下記のページ
http://juen-cs.dl.juen.ac.jp/html/hp/13/02/explanation.html

を参考に作成を行いました。
大体出来上がったのですが、送信ボタンを押してもメール送信ができません。CGIなどの設定が必要だというページなども見たのですが、Dreamweaverにはこのような設定も行える箇所があるのでしょうか?

ご教授いただきますようよろしくお願いいたします。

Aベストアンサー

> フォームは基本的にCGIと対になりますが、今回はフォームの作成の方法の説明を行います。
> 細かな設定などは、実際にCGIとの兼ねあいがありますので、CGIのプログラムとインターフェイスの調整をしなくてはいけません。

と書かれているとおり、CGIが必要になります。
「フォームメールCGI」などで検索して、
シンプルなものをダウンロードしてきて、設定してアップロードします。

Dreamweaverででもできなくはないですが、
配布しているところの設置方法に従ってやったほうがよいかと思います。

Dreamweaverでやるのは、フォームのレイアウトやデザインの調整です。

QDreamweaverで点線の区切り線を挿入したい

Dreamweaver8でHPを作成しています。通常の区切り線はHTMLのツールバーで挿入してプロパティインスペクタで長さや太さを編集できるとありますが、色々なwebページで見かける、段落と段落の間をちょっと区切るために入れるような、あの点線はどうやって挿入するのでしょうか・・・?分かるかた、どうぞ教えてください。よろしくお願いします。

Aベストアンサー

おそらくそういった点線は、スタイルシートで入力しているか、画像を置いていると思います。

スタイルシートに関して初心者として書いてしまいますが、
スタイルシートで入れる場合は、
・デザインというウィンドウの中の「CSSスタイル」タブをクリック →
・そのウィンドウの下の方の4つ並んでいるボタンの中から、「新規CSSスタイル」をクリック →
・名前を適宜つけて、「カスタムスタイルの作成(クラス)」と現在のドキュメントのみをクリック→
・カテゴリの中からボーダーを選択し、「スタイル」で「ドット」(点線)か「ダッシュ」(破線)を選択し、「幅」でどれかを選んでOK→
(例、段落の下に入れたい場合は、.underline と名前をつけ、すべて同一のチェックを外し、「下」でダッシュを選び、細線を選ぶ)
・ページの適用したい段落のあたりをクリックすると、そのウィンドウのステータスバーに<body><p>と表示されると思いますので、<p>を右クリックし、クラス設定で先ほどつけた名前を選択すると、できあがり!
のはずです。

スタイルシートの使用方法に関しては、もっっっと細かいことがあるようですので、別途調べて下さい(私も勉強中(^^;))。

私はDreamweaver6 を使用しているので、多少言葉が違うかも知れませんが、お貯めし下さい。

おそらくそういった点線は、スタイルシートで入力しているか、画像を置いていると思います。

スタイルシートに関して初心者として書いてしまいますが、
スタイルシートで入れる場合は、
・デザインというウィンドウの中の「CSSスタイル」タブをクリック →
・そのウィンドウの下の方の4つ並んでいるボタンの中から、「新規CSSスタイル」をクリック →
・名前を適宜つけて、「カスタムスタイルの作成(クラス)」と現在のドキュメントのみをクリック→
・カテゴリの中からボーダーを選択し、「スタイル」で...続きを読む

QDWで、デザインビューに表示されないのはどうして?

おはようございます。
よろしくお願い致します。

知人からHTMLのソースを受け取り、編集しようと思っています。
ところが、DWで開くと、タグは全部あるのに、デザインビューでは途中がすっぽり抜けているのです。
でも、ブラウザのプレビュー機能で見ると、ちゃんと全部表示されているんです。
どうしてでしょうか?
どうやったらデザインビューにも全部表示されるようになるのでしょうか?

よろしくお願い致します。

Aベストアンサー

私にも経験がありますが、
HTMLにテーブルなどを使用している場合に
タグの閉じ忘れをしているとブラウザでは
反映されるのに
DWのデザインビューには反映されない事があります。

DWのコードビューでテーブル系のタグを追っていって
閉じ忘れ箇所を修正すれば直ると思いますよ。

Qテキストリンク色の設定(Dreamweaver)

Dreamweaverを使用しております。
同じページ内で、テキストリンクの文字色を何箇所か変えたいのですが、方法が分かりません。

今は、「ページプロパティ」の「リンク」のところで設定しておりますが、それだとページ内の全てのテキストリンクが同じ色になります。
出来ましたら、直接タグを入力する方法ではなく、Dreamweaverの操作の中で設定出来る方法を教えて頂きたいです。

よろしくお願い致します。

Aベストアンサー

ここはごめんなさい、cssを手書きで編集です。

a:link {
のaの前にclass名を追加して、半角スペースで区切ります

こんな感じ
.link2 a:link {

それを4つに書く

Q一部のリンクの下線を消す

リンクの色などの設定をスタイルシートで行っているのですが、一部のリンクしている文字の下線を消したいとの依頼がありました。このような時に使えるタグはありますか?
{text-decoration:none} を使うと今までのリンク全部の下線が消えてしまいますので困っています。

Aベストアンサー

A要素全体にスタイル設定してませんか?

アンダーラインを消したい「一部の文字」を囲むAタグの中で
text-decoration:noneのスタイルを設定するか、
「一部の文字」に共通なclassを作ってください。
スタイル定義のところで、
A.class1 {text-decoration:none};
のように書けば、A要素のclass1という名前のclassに関して、デコレーションなしのスタイルが設定されるという定義になります。
この定義後、「一部の文字」を囲むAタグはこのclassにしてやります。
<A herf="リンク先URL" class="class1">一部の文字</A>

なお、class1と書いたのはclass名なので任意のわかりやすい名前に変えてください。

Q画像イメージの上下左右、欲しいところに好きな間隔を入れられますか?

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方に要らない間隔ができてしまい困っています。

例えば右だけに間隔が欲しい。
左だけに間隔が欲しい。

こういう場合って、何かやり方があるのでしょうか。

もともと余白込みの画像を用意するという手も講じましたが、
その場合はその場合で、その画像が他のレイアウトに流用しづらい
という弱点を生んでしまい、レイアウトごとに画像を用意しなければならないので
対症療法としてはうまくいきませんでした。

また、画像ごとにセルを用意して任意の余白を作り出す手もありましたが、
セルがあまりにも絡まりあってしまい、
かなりぐちゃぐちゃなものになるためうまくいきませんでした。

やはりもうちょっと詳しい方にお訊きしようと思いまして
質問を立てさせていただきました。
素人質問で大変申し訳ありません。
どうぞ宜しくお願いいたします。

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方...続きを読む

Aベストアンサー

HTMLの初歩です。具体的には、
-------------------------------------------
<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 10px 20px 0 30px;">

上10px 右20px 下0 左30px の四方の隙間が開く。
数値は例なので適当に変更を。
-------------------------------------------

<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 5px 20px;">
上下5px 右右20px の2方の隙間が開く。

Q

CSSの質問です。

<ul>と<li>でリストマークを消すために
list-style-type:noneとするのは<ul>と<li>のどちらに設定するのが正しいですか?

どちらに設定してもリストマーク消えますけど。
どちらに設定したら規格上違反とかありますか?

Aベストアンサー

整理すると
<div class="nav">
 <ul>
  <li>
において、
div.nav{list-style-type:none;}
 では、リストマークは消えない。
 しかし、
<div class="nav">
 <ul>
  <li>
   <div>
    <ul>
     <li>
では、
div.nav ul{list-style-type:none;}
で、途中にdivがあっても、リストマークは消えます。

 仕様書には、liではな【くulやolにlist-styleを指定することを推奨する。】と書かれている
【引用】____________ここから
Inheritance will transfer the 'list-style' values from OL and UL elements to LI elements. This is the recommended way to specify list style information.
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Generated content, automatic numbering, and lists( http://www.w3.org/TR/CSS2/generate.html#propdef-list-style )]より

 OLとUL要素からLI要素に "のlist-style 'の値を転送し継承します。これは、リストのスタイル情報を指定するための推奨方法です

 このことから、ulないし、olに指定すると、その子孫のliに引き継がれるようですし、それが推奨されていて、どのブラウザもそれに従うようです。実際、最初にも書きましたようにブラウザのデフォルトの捨て要るシートもulに対して指定しているようです。

 listのスタイルシートは他にも問題があって、liを字下げして表示するブラウザが多いのですが、その字下げをmarginを使うか、paddingを使うか、それをul,olに対してか、liに対してかもブラウザによって差があります。
 そこで、私は、
div.nav ul,div.nav ul,div.nav li{display:block;list-style:none;margin:0;padding:0;}
といったんリセットしてから、様々な指定を付け加えていくことにしています。

 文法的にも正しいし、かつブラウザ間の実装の差も吸収できますから・・

整理すると
<div class="nav">
 <ul>
  <li>
において、
div.nav{list-style-type:none;}
 では、リストマークは消えない。
 しかし、
<div class="nav">
 <ul>
  <li>
   <div>
    <ul>
     <li>
では、
div.nav ul{list-style-type:none;}
で、途中にdivがあっても、リストマークは消えます。

 仕様書には、liではな【くulやolにlist-styleを指定することを推奨する。】と書かれている
【引用】____________ここから
Inheritance will transfer the 'list-style' values fr...続きを読む


人気Q&Aランキング