2011-07-18 6 views
0

私は現在ウェブサイト上で作業していますが、しばらくしてから、テキストと画像がどのように「バンプ」しているか気づき始めました。どのようにこれが起こり始めたのか分かりませんし、どうすればそれを取り除くかわかりません。同じ時間に起こり始めるいくつかの他の問題もあります。URL「bumps」をクリックすると文字/画像が少し

例:

  1. ロゴをクリックすると、それは少し周りを移動します。パン粉のいずれかをクリック

  2. は、それが

  3. 突然大胆だように見えます私の記事のためのタイトルは、私は半黒にそれらを設定していても、(したがって見えない)、白です。それらをクリックすると、テキストが表示されます(色が変わるように変わります)が、フォントサイズも大幅に減少します。

私は、CSSとHTMLバリデーターを試してみましたが、それは私のウェブサイトが実際に有効であると言います。

大変助かりました!これは同じです

#breadcrumbs a, a:visited, a:active { ... 

+0

あなたはリンクのスタイルどのように確認する必要がありますおそらく私たちにいくつかのCSSコードを与える:) –

+0

あなたのCSSが有効であるということは必ずしも正しいとは限りません。有効なのは、CSS規則/標準のいずれも破らなかったということです。それは、あなたが望むことを意味するものではありません。 –

答えて

4

あなたはあなたのCSSでこのようなものを持っている彼らがクリックされたときは、誤ってすべてのアンカー要素にいくつかのパディングを与えている

#breadcrumbs a { ... 
a:visited { ... 
a:active { ... 

、それが理由ですあなたのロゴは少しジャンプします。

大胆さは、同様の発現によって引き起こされる:

.post-title a, a:active, a:visited { 
    color: #3e3e40; 
    font-weight: bold; 
    font-family: "Helvetica", Tahoma, Geneva, sans-serif; 
} 

クリックしたときに、ページ上のすべてのリンクが太字になります。

これらの化合物のセレクタを書き込むための正しい方法は、各式にチェーン全体を含めることです。

#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:active { ... 
+0

ありがとう! – Swen

0

だけでアンカーのスタイルにパディングを無効にA:アクティブ

関連する問題