Announcement

#1 2011-07-11 12:37:12

Bogdan
Member
2011-06-11
22

[resolved] How to get rid of dotted border on image link

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

 

#2 2011-07-11 13:27:47

Zarbon
Member
2011-07-07
6

Re: [resolved] How to get rid of dotted border on image link

Link to your gallery?

Offline

 

#3 2011-07-11 14:43:55

flop25
Piwigo Team
2006-07-06
7037

Re: [resolved] How to get rid of dotted border on image link

It can also be text-decoration:underline
Didyou try to use firebug on firefox, F12 on IE, or the dev menu on safari ?


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

#4 2011-07-12 09:56:27

Bogdan
Member
2011-06-11
22

Re: [resolved] How to get rid of dotted border on image link

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

 

#5 2011-07-12 13:38:58

flop25
Piwigo Team
2006-07-06
7037

Re: [resolved] How to get rid of dotted border on image link

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


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

#6 2011-07-13 15:29:36

Bogdan
Member
2011-06-11
22

Re: [resolved] How to get rid of dotted border on image link

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

 

#7 2011-07-13 15:57:44

flop25
Piwigo Team
2006-07-06
7037

Re: [resolved] How to get rid of dotted border on image link

.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)


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

Board footer

Powered by FluxBB

github twitter newsletter Donate Piwigo.org © 2002-2024 · Contact