2016-12-10 4 views
0

HTMLを使用してウェブサイトのアンカータグを開発しています。 jsfiddleで自分のコードをプレビューすると、アンカータグの間にアンダースコアが表示されます。なぜ下線がありますか?どうすれば削除できますか? ここに私が意味するものの写真があります。 は、ここに私のコード https://jsfiddle.net/Ricardoberbor/1soma26o/アンカータグの間に不要なアンダースコアが表示される(HTML)

<a href="https://www.facebook.com/ricardo.berumenborrego" target="_blank"> <img src="https://s6.postimg.org/4ya8t5ce9/Facebook.png" alt="https://www.google.com.mx" style="width:42px;height:42px;border:0"><a href="https://www.linkedin.com/in/ricberbor3" target="_blank"> <img src="https://s6.postimg.org/u6zo0k6pt/Linkedin.png" alt="https://www.google.com.mx" style="width:42px;height:42px;border:0"> </a><a href="https://www.behance.net/ricardoberbor" target="_blank"> <img src="https://s6.postimg.org/4hp16pon5/Behance.png" alt="https://www.google.com.mx" style="width:42px;height:42px;border:0"> </a><a href="https://pinterest.com/ricardoberbor/" target="_blank"> <img src="https://s6.postimg.org/9o4rvhssh/Pinterest.png" alt="https://www.google.com.mx" style="width:42px;height:42px;border:0"> </a><br><a href="https://www.jovoto.com/community/RicardoBerumen" target="_blank"> <img src="https://s6.postimg.org/3kn7bl2ip/Jovoto.png" alt="https://www.google.com.mx" style="width:42px;height:42px;border:0"> </a><a href="https://www.bevisible.soy/users/10058" target="_blank"> <img src="https://s6.postimg.org/82kwpxt6p/Be_Visible.png" alt="https://www.google.com.mx" style="width:42px;height:42px;border:0"> </a><a href="https://dribbble.com/ricardoberbor" target="_blank"> <img src="https://s6.postimg.org/xmn6wdekh/Dribbble.png" alt="https://www.google.com.mx" style="width:42px;height:42px;border:0"> </a>

答えて

1
a { text-decoration: none} 

checkout here

これはあなたの問題を解決するには、リンクです。

+0

私はこれをHTMLで書いています(私は本当にそれが新しいです)。これをhtmlコードにどのように追加しますか?あなたは私にCSSを与えている。 –

+0

+0

それは働いた!ありがとう!! –

0

これはURLだからと思われます。通常、URLに関連付けられている下線です。これを削除するには、通常、text-decoration:none;を使用する必要があります。あなたのCSSのどこかで。

通常は、{text-decoration:none;}という別のCSSファイルがあります。 }あなたが持っているインラインCSSでうまくいくかどうか分かりません。

私の提案は多分画像のための別々のURLのスタイルを持っているだろう:

{テキスト装飾:なし}のimg

+0

私はこれをHTMLで書いています(私は本当にそれが新しいです)。これをhtmlコードにどのように追加しますか?あなたは私にCSSを与えている。 –

+0

https://jsfiddle.net/1soma26o/10/#&togetherjs=Fb1PcRtopuリンクしたページにいくつかのCSSを追加しました。とにかく、 – nessa

+0

のリンクが厄介です。これを右上のCSSに追加します。{text-decoration:none; } – nessa

0

STYLEを= "テキスト装飾:なし" が働いていました! ありがとうございました! :)

0

真剣に、人々ですか?その理由は、先頭に<a>のタグなしの1つがあることです。それを修正し、リンク間の下線が消えます。

関連する問題