こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

-広告-

解決済みの質問

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

CSSで<A>は右寄りに設定しています。
今、画像に<A>を設定しているのですが、画像が画面の右によってしまいます。

ソースに直接記述してもいいので、この画像を中央に配置したいのですが、どうしてもできません。
<CENTER>を記述しても駄目です。

よって、CSSを一部分だけ認識させないようにする方法は無いのでしょうか?

若しくは、何か良い方法はないでしょうか?

宜しくお願いします。

投稿日時 - 2015-12-18 11:59:15

QNo.9097635

困ってます

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

CSSの優先順位は

外部ファイルCSS < <head>の記述 < インラインCSS

になっていますから「<head>の記述」か「インラインCSS」で打ち消してあげると良いでしょう。

以下の例では、HEAD内で<A>タグを右寄せに指定していて、1番目と3番目の<A>タグは右寄せで、2番目の<A>タグはセンタリングしています。

<HTML>
<HEAD>
<STYLE type="text/css">
<!--
a { float: right; }
-->
</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-18 12:56:47

お礼

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

投稿日時 - 2015-12-19 12:36:40

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

-広告-
-広告-

回答(6)

ANo.6

<center>タグを持ちだされるということは、cssとhtmlの区別もわかっていない人という自己紹介ですよね。html+cssのソースを見せて欲しいです。でないと、適切なアドバイスはできません。

#2さんへの返事でできなかったと書かれていますが、書き方が間違っているだけだと思います。情報を貰わないと……

aタグを右寄りって?
text-align:right?
float:right?
margin-left:auto?

インラインcssでいいなら、それらを解除すればいいだけでは?text-align:leftとか、float:none;とかmargin-left:0;等。またはお勧めしないが、<a style="display:block;width:100%"><img style="text-align:center";></a>これはリンクがimg以外にも広範囲に取られます。

htmlいじっていいのなら、a要素にクラスを付けて、cssを書き分けるのが楽な気がします。

CSSを一部分だけ認識させないようにする方法は、今のところ:notという否定擬似クラスがありますが、質問を拝見した場面では使えないです。何かを持つ親への指定は、css4から導入される予定です。今は処置なし。どうしてもならjavaScriptだけど、今お尋ねの問題は、普通に書けばプログラムは必要ない内容です。

投稿日時 - 2015-12-19 07:21:43

ANo.5

>style 属性は、AにもIMGにも認識しませんでした。

<A>タグに適用されているCSSは、どのようなスタイル(属性)でしょうか?

強い属性(優先順位が高い属性)で右寄せが指定されていると、インラインCSSでそれより弱い属性を指定しても、右寄せを打ち消せません。

当方が例示した例では「元のCSSで指定されたfloat属性を打ち消せる、もっと強い属性でセンタリングを指定している」ので、上手く行っています。

>CSSで<A>は右寄りに設定しています。

具体的に、どういう指定がされていますか?

場合によっては「そこで指定されている属性が最強で、他の属性で打ち消せない場合」があります(インラインCSSで指定しても打ち消せない、と言うこと)

投稿日時 - 2015-12-18 13:16:27

ANo.4

> style 属性は、AにもIMGにも認識しませんでした。

a も img もインライン要素なので、CSSでブロックレベル要素に変えていなければ、その外側の要素で配置を指定してるんでしょうから、a の一つ上の要素にstyleを書く必要があるでしょう。

そもそも、a を右寄せするためにCSSでどのような記述をしているのでしょうか。

投稿日時 - 2015-12-18 13:09:12

ANo.2

右寄せにしたくない <A> タグに style 属性で中央に配置させるスタイルを記述するといいんじゃないでしょうか。

投稿日時 - 2015-12-18 12:29:15

補足

style 属性は、AにもIMGにも認識しませんでした。

投稿日時 - 2015-12-18 12:54:45

ANo.1

「画像をセンターにする」記述をしたCSSを、そのHTMLにだけ一番最後に読み込ませるように記述する形ではどうでしょうか?

投稿日時 - 2015-12-18 12:09:43

補足

CSSを設定するのなら解りますが、一回のためだけにするは非合理的だから相談しています

投稿日時 - 2015-12-18 12:56:47

-広告-
-広告-

あなたにオススメの質問

-広告-
-広告-