anatak Posted September 28, 2006 Share Posted September 28, 2006 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_pictureas you can see the pictures have a blue border around them.How can I eliminate that border ?thanksanatak Quote Link to comment https://forums.phpfreaks.com/topic/22355-solved-picture-as-link-without-border/ Share on other sites More sharing options...
wildteen88 Posted September 28, 2006 Share Posted September 28, 2006 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]) Quote Link to comment https://forums.phpfreaks.com/topic/22355-solved-picture-as-link-without-border/#findComment-100120 Share on other sites More sharing options...
ozconnect Posted September 28, 2006 Share Posted September 28, 2006 Even easier <img scr='fred.gif' border=0> Quote Link to comment https://forums.phpfreaks.com/topic/22355-solved-picture-as-link-without-border/#findComment-100139 Share on other sites More sharing options...
Daniel0 Posted October 1, 2006 Share Posted October 1, 2006 The border attribute is not allowed in some versions of XHTML. Quote Link to comment https://forums.phpfreaks.com/topic/22355-solved-picture-as-link-without-border/#findComment-101744 Share on other sites More sharing options...
anatak Posted October 2, 2006 Author Share Posted October 2, 2006 Thanks for the help.I put the border=0 in the css for the pictures and now it worksDaniel0 Can you explain how you have to do it without using border ?or is alright to use border in a CSS ?thanksanatak Quote Link to comment https://forums.phpfreaks.com/topic/22355-solved-picture-as-link-without-border/#findComment-102122 Share on other sites More sharing options...
Daniel0 Posted October 2, 2006 Share Posted October 2, 2006 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] Quote Link to comment https://forums.phpfreaks.com/topic/22355-solved-picture-as-link-without-border/#findComment-102143 Share on other sites More sharing options...
anatak Posted October 4, 2006 Author Share Posted October 4, 2006 thank you daniel0That is the way I did it.hmm Is there a way to mark a topic as solved with the new forum soft ? Quote Link to comment https://forums.phpfreaks.com/topic/22355-solved-picture-as-link-without-border/#findComment-103590 Share on other sites More sharing options...
fenway Posted October 4, 2006 Share Posted October 4, 2006 [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.... Quote Link to comment https://forums.phpfreaks.com/topic/22355-solved-picture-as-link-without-border/#findComment-103907 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.