Yes. You need *something* inside the anchor tags.
Try even a blank space inside the anchor tags.
This appears to save when switching between text, visual, and text again in my testing (note the spaces inside the anchor tags):
<div id="social"><a class="FbUrlImg" title="Facebook link" href="#" target="_blank"> </a><a class="TwUrlImg" title="Twitter link" href="#" target="_blank"> </a><a class="InUrlImg" title="LinkedIn link" href="#" target="_blank"> </a><a class="GpUrlImg" title="GooglePlus link" href="#" target="_blank"> </a><a class="PiUrlImg" title="Pinterest link" href="#" target="_blank"> </a></div>
Is there a reason there is no text inside your anchor tags?
Hi Richard, thanks for reply! It looks promising but I tried it and at my test site no luck. I will show you the code I used now.
<div id="social">
<a target="_blank" href="#" class="FbUrlImg" title="Facebook link"> </a> <a target="_blank" href="#" class="TwUrlImg" title="Twitter link"> </a> <a target="_blank" href="#" class="InUrlImg" tle="LinkedIn link"> </a> <a target="_blank" href="#" class="GpUrlImg" title="GooglePlus link"> </a> <a target="_blank" href="#" class="PiUrlImg" title="Pinterest link"> </a>
</div>
About your question, in CSS the class e.g. FbUrlImg point to Facebook image and .FbUrlImg:hover for the hover image. So there is no text needed.
Kindly use this
<div id="social">
<a target="_blank" href="#" class="FbUrlImg" title="Facebook link"> </a><a target="_blank" href="#" class="TwUrlImg" title="Twitter link"> </a><a target="_blank" href="#" class="InUrlImg" title="LinkedIn link"> </a><a target="_blank" href="#" class="GpUrlImg" title="GooglePlus link"> </a><a target="_blank" href="#" class="PiUrlImg" title="Pinterest link"> </a>
</div>
This will work.
Great!! That’s it 🙂
So thanks Richard and GreyParrots.
Could you explain me why this needs this way?
