Jump to content

Archived

This topic is now archived and is closed to further replies.

anatak

**SOLVED** picture as link without border

Recommended Posts

Hello,

Can someone help me how to use a picture as a link without having borders around it ?
here is an example of what I don't want ;)

http://kyushunetwork.com/index.php?page=list_picture

as you can see the pictures have a blue border around them.
How can I eliminate that border ?

thanks
anatak

Share this post


Link to post
Share on other sites
Add this to your stylesheet:
[code]a img {
    border: none;
}[/code]

Should remove the border from any image within an anchor tag ([nobbc]<a></a>[/nobbc])

Share this post


Link to post
Share on other sites
Thanks for the help.
I put the border=0 in the css for the pictures and now it works

Daniel0
Can you explain how you have to do it without using border ?
or is alright to use border in a CSS ?

thanks
anatak

Share this post


Link to post
Share on other sites
It is ok to use CSS to remove borders, that is actually W3C's recommendation.

Do as wildteen said: [code]a img {
border: none;
}[/code]

Or to make only specific images not have a border: [code].no_border {
border: none;
}[/code]

Then just give the image the class no_border: [code]<img src='some_image.png' alt='bla bla' class='no_border' />[/code]

Share this post


Link to post
Share on other sites
thank you daniel0
That is the way I did it.

hmm Is there a way to mark a topic as solved with the new forum soft ?

Share this post


Link to post
Share on other sites
[quote author=anatak link=topic=109811.msg446530#msg446530 date=1159948427]
hmm Is there a way to mark a topic as solved with the new forum soft ?
[/quote]
One day there will be....

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.