【先着1,000名様!】1,000円分をプレゼント!

お世話になります。
下記のaタグのCSS記述部分を直接<a href="" style="..."として記述するには
どのようにすればよいのでしょうか
hoverをaタグ内に直接指定しようとしていろいろ調べたのですが、解説しているサイトを見つけられなくて、質問させてもらってます。
A:link.menu {
text-decoration:none;
FONT-SIZE: 12px;
COLOR: #0000ff;
}
A:visited.menu {
text-decoration:none;
FONT-SIZE: 12px;
COLOR: #0000ff;
}
A:hover.menu {
FONT-SIZE: 12px;
color:#0000ff;
background-color:#66bce2;
}
A:active.menu {
FONT-SIZE: 12px;
COLOR: #0000ff;
}

お手数お掛けしますが、どなた様かご教授いただけますようお願い致します。

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

A 回答 (3件)

<a href="

http://www.yahoo.co.jp" style="text-decoration:none;FONT-SIZE:12px;COLOR: #0000ff;"
onmouseover="this.style.backgroundColor='66bce2'"
onmouseout="this.style.backgroundColor=''">やふう</a>
    • good
    • 15
この回答へのお礼

サンプルを使って、しかもonmouseoverでの解決策までご掲示頂き有難うございます。こちらの方法で何とか目先解決致しました。

お礼日時:2006/05/23 21:59

CSSの指定をHTMLのソース上に書きたいのであれば、


<head></head>内に
<head>
<style type="text/css">
<!--
a:link {
color:#0000FF;
text-decoration:none;
}
以下a:visited{}なども記述
-->
</style>
</head>
とすればいいと思います。

>hoverをaタグ内に直接指定しようとして
がそれぞれのaタグに別々の指定をしたいという意図なのであれば
<a href="" class="menu">リンク</a>
のようにそれぞれのaタグにclass指定して、
a.menu:hover {color:#FF0000;}
と書くのが正しい書き方です。
a:hover:menu{}という書き方は正しくありません。

あとCSSの{プロパティ:値;}は小文字で書いたほうがいいかと…
    • good
    • 1
この回答へのお礼

a:hover.menuは正しくなかったのですか・・・
ネットで検索していた時、双方の書き方が載っていて、ん~む、どっちなのかなぁ・・みたいな感じではいたのですが、IEで動くのでOK的な感じでいました。
CSSのプロパティ:値はやはり小文字で書くんですね。知ってはいるものの、、、という感じなのですが今後は訂正したいと思います。
色々と有難うございます。

お礼日時:2006/05/23 22:01

> hoverをaタグ内に直接指定



それはどうやっても無理です。
    • good
    • 0
この回答へのお礼

やっぱり無理ですか。有難うございます。

お礼日時:2006/05/23 21:57

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

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

このQ&Aを見た人はこんなQ&Aも見ています

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

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

Qstyle属性を使って擬似クラスを表現することは可能ですか?

CSSの読み込み方には3通りあります。

1)<head>~</head>内にstyle要素をマークアップする。
2)外部CSSファイルをHTMLに読み込ませる。
3)任意のタグにstyle属性を指定する。

そこで質問なのですが、3)のstyle属性で擬似クラスを指定する事は可能でしょうか?

1)と2)の方法であれば、

div a:link { color : #fff ; background : blue ;}
div a:visited { color : #fff ; background : purple ;}
div a:hover { color : #fff ; background : aqua ;}
div a:active { color : #fff ; background : purple ;}

のように指定すればよいだけですが、

3)の方法、つまりstyle属性を用いて擬似クラスの指定の仕方が分かりません。

宜しくお願いします。

Aベストアンサー

おそらくCSSだけではできないのでは。
http://www.kanzaki.com/book/html/spec-nofollow.html#inline-style
こちらに少し古い時点での草案が載っていますが、この
<a href="http://foo.com" style="{color: blue} :hover {color: green}">
と言う書式をIE6とFirefox1.5で試してみたけど駄目でした。
javascriptとかで処理するんじゃないですかね。必要な人は。

QCSSでborderの長さを指定、または可変にしたい。

下記のように指定していますが、これだと横幅いっぱいに下の線が表示されてしまいます。

文字なりの長さ、または指定のピクセル数にしたいのですが、どのようにしたらよいでしょうか。

h3{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

Aベストアンサー

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよければ

<h3><span>××○○</span></h3>
のようにspanで囲い、スタイルをspanに対して指定する方法もあります。

h3 span{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよけ...続きを読む

Qcssで「下よせ」ってどうやっていますか?

フロートのレフト、ライトはいいとして、

あるボックス要素内(A)に異なるボックス要素(B)をいれます。
この(B)を(A)の一番そこにはりつかせたい時にどうすれば
最もよいのでしょうか?

いいアイデアをご教授ください。

Aベストアンサー

こんなのはどうかな?

position: absolute;
bottom: 0px;

Qテーブルセル余白(例えば左側だけ、上側だけ、など)

こんにちは。
宜しくお願いいたします。

テーブル内のコードに、cellpadding="5" は
セル余白が上下左右のすべて、5ピクセル空きますが、

左側だけ5ピクセル、とか、上側だけ5ピクセル、のように
指定方向のみ、余白を作ることは可能でしょうか。

その場合のHTML記述を教えてください。

また、ここで質問させていただいている「指定方向への余白指定」と
全体余白指定の「cellpadding="XX"」は同時に使って
良いものでしょうか。
素人質問ですみません。
宜しくお願いいたします。

Aベストアンサー

1つのセルだけなら、下記で。
<td style="padding: 5px 10px 20px 30px;">
上の例は、上が 5px。 右が 10px。下が 20px。 左が 30px。
適当に数値変更してください。
cellpadding="5" と style="padding: 5px;"は同じになるはず。
<td style="padding: 5px;">

両方使うとどうなるかは、試して下さい。
cellpadding をここ数年利用していないので・・・

複数個所利用するなら、NO.1さんを参考に HEAD内に下記を入れて試してみましょう。
<style type="text/css">
<!--
td {padding: 5px 10px 20px 30px;}
-->
</style>

Qテーブル内の文字サイズを変更したい。

HTMLのテーブル内の文字サイズを変更したいのですが。
イマイチ上手くいかずに悩んでいます。
出来れば全体的に<TABLE></TABLE>のほうでいじれますか?
<TD>タグや<TR>タグのところでいじくるのですか?

Aベストアンサー

いろいろやり方はありますが
文字単位でサイズを変更するには
#2の方法ですね。

テーブルごとやセル(<TD>)ごとにサイズを変更するには
スタイルシート(CSS)を使用します。

テーブルごとにサイズを変更する場合
<TABLE style="font-size : 20px;">

セル(<TD>)ごとにサイズを変更する場合
<TD style="font-size : 20px;">あああ</TD>

#1の方法だとページ内の全てのセル(<TD>)に設定することになります。

スタイルシート(CSS)はこれら以外にも
いろいろな設定方法があります。

Qハイパーリンクに下線を表示するには?

 現在、こちら↓のテンプレートを使っているのですが
http://sozai.blog18.fc2.com/blog-entry-69.html
ハイパーリンクに下線が表示されません。

 記事内のみ、もしくは一箇所のみ下線を表示する記述はあれば教えていだだきたいです。

Aベストアンサー

直接の場合
<a href="http://foo.ne.jp" style="text-decoration: underline">下線あり</a>
-------------------------------------
CSSの場合(アンカーが全部アンダーラインになる)
a { text-decoration: none; }

a { text-decoration: underline }
に変更
-------------------------------------
CSSで記事部分のみアンダーラインになる
.entry_body a { text-decoration: underline }

a { text-decoration: none; }
よりも下方面に追加記入する。
※記事部分のクラス .entry_body が変更されている場合は未適応

QHTMLフォームのSELECTの幅を一定にするためには?

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか?

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

Qテーブルタグの中にdivを含めてはダメ?

テーブルタグの中にdiv要素を入れるとダメなのでしょうか?
何か不都合でもあるのでしょうか?
何かご存知の方がいれば教えていただけませんか?

Aベストアンサー

以下、HTML 4.01での話です。(XHTMLでもほぼ同じだと思います)

tableタグ直下に書けるのは、caption,col,colgroup,head,tfoot,tbodyと定義されています。
特定の条件下でtbodyが省略できますので、実際はtrも書けます。これら以外は書けないことになっています。
tr直下にはth,tdが書けることになっています(それ以外は不可)。

th,tdの下にはブロック要素が書けるので、divも書けます。

このように、テーブル内でth,tdの中以外でdivが使えないのはHTMLの仕様でそう決まっているからです。

Qidを使わずにonclickで自身の要素取得

javascriptで
<a href="XXX.XXX" title="ゴール" onclick="element()">test</a>
function() {
idを使わずにここにtitle属性のゴールを習得する方法を記述したいのですが、わかりません
よろしくお願いします
}

Aベストアンサー

こんにちは。


==== HTML
<a href="" title="ゴール" onclick="getTitle(this);return false;">test</a>
<a href="" title="スタート" onclick="getTitle(this);return false;">test2</a>


==== JavaScript
function getTitle ( obj ) {
var title = obj.getAttribute('title');
alert ( title );
}

こういうことでしょうか。
違っていたらすみません。

Q一部CSSを無効にする

数ページのテーブルをcssファイルを使って半透明化させ背景が薄く見えるようにしています。
そこでテーブル自体だけでなくテーブル内の画像や文字も半透明化されるのですが、あるページのテーブル内にある数枚の画像のみを半透明化したくない場合、どのように書けば良いですか?
CSSはあまり、というか全く詳しくなくて、idやclassというのも調べてみたのですが、
目的のものに辿りつけず…困っています。宜しくお願いします。

Aベストアンサー

 とりあえず下記サイトは読まれましたか?下記は比較的わかりやすく説明していると思います。

参考URL:http://www.tohoho-web.com/css/basic.htm


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング