ベストアンサー

一部CSS認識させない方法ってありますか？

2015/12/18 11:59

ＣＳＳで<A>は右寄りに設定しています。今、画像に<A>を設定しているのですが、画像が画面の右によってしまいます。ソースに直接記述してもいいので、この画像を中央に配置したいのですが、どうしてもできません。 <CENTER>を記述しても駄目です。よって、ＣＳＳを一部分だけ認識させないようにする方法は無いのでしょうか？若しくは、何か良い方法はないでしょうか？宜しくお願いします。

kfjbgut
お礼率50% (2644/5231)

HTML
回答数6
ありがとう数1

みんなの回答 （6）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

chie65536（@chie65535）
ベストアンサー率44% (8741/19839)

2015/12/18 12:56 回答No.3

CSSの優先順位は外部ファイルCSS　＜　<head>の記述　＜　インラインCSS になっていますから「<head>の記述」か「インラインCSS」で打ち消してあげると良いでしょう。以下の例では、HEAD内で<A>タグを右寄せに指定していて、１番目と３番目の<A>タグは右寄せで、２番目の<A>タグはセンタリングしています。 <HTML> <HEAD> <STYLE type="text/css">  </STYLE> </HEAD> <BODY> <A HREF="test.html"><IMG SRC="a.jpg"></A><BR> <A HREF="test.html" style="width: 100%; text-align: center; margin-left: auto;margin-right: aotu;"><IMG SRC="a.jpg"></A><BR> <A HREF="test.html"><IMG SRC="a.jpg"></A><BR> </BODY> </HTML> 結果は、以下のようになります。

質問者

お礼 2015/12/19 12:36

具体的に有り難うございました。

その他の回答 (5)

mana-chi
ベストアンサー率21% (4/19)

2015/12/19 07:21 回答No.6

<center>タグを持ちだされるということは、cssとhtmlの区別もわかっていない人という自己紹介ですよね。html+cssのソースを見せて欲しいです。でないと、適切なアドバイスはできません。 #2さんへの返事でできなかったと書かれていますが、書き方が間違っているだけだと思います。情報を貰わないと…… aタグを右寄りって？ text-align:right? float:right? margin-left:auto? インラインｃｓｓでいいなら、それらを解除すればいいだけでは？text-align:leftとか、float:none;とかmargin-left:0;等。またはお勧めしないが、<a style="display:block;width:100%"><img style="text-align:center";></a>これはリンクがimg以外にも広範囲に取られます。 htmlいじっていいのなら、a要素にクラスを付けて、cssを書き分けるのが楽な気がします。ＣＳＳを一部分だけ認識させないようにする方法は、今のところ:notという否定擬似クラスがありますが、質問を拝見した場面では使えないです。何かを持つ親への指定は、css4から導入される予定です。今は処置なし。どうしてもならjavaScriptだけど、今お尋ねの問題は、普通に書けばプログラムは必要ない内容です。

chie65536（@chie65535）
ベストアンサー率44% (8741/19839)

2015/12/18 13:16 回答No.5

＞style 属性は、AにもIMGにも認識しませんでした。 <A>タグに適用されているCSSは、どのようなスタイル（属性）でしょうか？強い属性（優先順位が高い属性）で右寄せが指定されていると、インラインCSSでそれより弱い属性を指定しても、右寄せを打ち消せません。当方が例示した例では「元のCSSで指定されたfloat属性を打ち消せる、もっと強い属性でセンタリングを指定している」ので、上手く行っています。＞ＣＳＳで<A>は右寄りに設定しています。具体的に、どういう指定がされていますか？場合によっては「そこで指定されている属性が最強で、他の属性で打ち消せない場合」があります（インラインCSSで指定しても打ち消せない、と言うこと）

t_ohta
ベストアンサー率38% (5239/13707)

2015/12/18 13:09 回答No.4

＞　style 属性は、AにもIMGにも認識しませんでした。 a も img もインライン要素なので、CSSでブロックレベル要素に変えていなければ、その外側の要素で配置を指定してるんでしょうから、a の一つ上の要素にstyleを書く必要があるでしょう。そもそも、a を右寄せするためにCSSでどのような記述をしているのでしょうか。