-2

ハイパーリンクの後ろに白いブロックがありますが、これは意図したものではありません。どうすれば修正できますか? テキストは両端揃えで、左側に 250 ピクセルの余白があります。

http://tinyurl.com/nvvned7

誰かが助けてくれることを願っています

Gr Rogier

4

1 に答える 1

1

padding-right: 250px;このアンカー要素の css ルールには次のものがあります。

.art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered {
    font-family: Arial,"Arial Unicode MS",Helvetica,sans-serif;
    padding-right: 250px;
    text-align: justify;
}

特にこの場合、CSS セレクターの次の部分が、アンカーでの CSS ルールの適用をトリガーします。

.art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a:hover

この問題は、2 つの方法で解決できます。

1) このルールを削除します。これは、他のアンカーで必要になる可能性があるため、おそらく良い考えではありません。

2) このパディングライトを上書きする css クラスをアンカー要素に追加します。

.my-link {
    padding-right: 0;
}

一緒に

<a href="#" class="my-link">Anouk@Work BV.</a>

また、リンクをタグで囲んでいることに気付きました<span style="text-decoration: underline;">。これは必須ではありません。ここで使用されるインライン CSS ルールは、アンカー要素に直接適用する必要があります。

html と css の基本を学ぶことを強くお勧めします。

于 2015-05-16T09:23:00.007 に答える