Hi,
I'm using an image with link as logo for my site and i find it annoying to see the dotted line underneath it.
I tried multiple solutions presented on the net, one of the most used being border="0" or border-none inside <a> </a> tags., but without luck.
Can you help me with a working suggestion?
Thanks.
Offline
Link to your gallery?
Offline
It can also be text-decoration:underline
Didyou try to use firebug on firefox, F12 on IE, or the dev menu on safari ?
Offline
Hi,
Thanks for replies. After surfing the net i finally found a solution. I made sure i have this in my themes.css file:
IMG {
border: none;
}
a.noborder {border:none;}
and then used:
<a class="noborder" href....>
for my logo code.
Maybe it can help whoever might encounter the same issue.
Offline
just a warning : if you don't use local css (with local fil editor) you will loose your change during the updates
For the same reason it's better to use only css : give us a link, but I think something like #theHeader a { border:none;} should work
Offline
Hi flop25,
I did as you suggested. Local/css/rules didn't exist, so i created it using local file editor and added your code. Everything works fine now.
I have one more question though...I'd like to use the same approach for other objects: specifically for an addthis plugin and for a google search plugin, where i get the same annoying border.
My site is www.picdrome.com , if you can help i'd be grateful.
Thanks,
Bogdan
Offline
.addthis_toolbox, #theHeader a { border:none;}
and if you want to change more links, use Firebug on firefox, or F12 on IE, or the dev menu on Safari
It's very easy to use : on firebug click on the "bug" then on the blue cursor, and select the block/link you want to style.
You'll see on the rigth the style applied to it and on the left the html code of what you selected : note the id or class use on that element or change in realtime its properties (it's not permanent : you have to put your code in *rules.css)
Offline