PDA

View Full Version : How to make IMAGE link in web site without decoration with css?


mandysaini
12-16-2009, 09:12 AM
Hi,

in my site their are images which links to another page, but i want to display it without any decoration, but it is a link so it has a blue border which i don't like. I want IMAGE without any decoration with css.
I use link,alink,vlink in <body> tab but HTML 4.01 dues not support it.
~ServerPoint~
12-18-2009, 06:40 AM
Can you please give more details?
What exactly you need? Any screenshots for examples?
RH1
12-18-2009, 09:54 AM
use border=0 inside the image tag
CodyBane
12-21-2009, 01:47 PM
That will work most of the time but the apparent "proper" way to do it is this:


<a href="http://www.somesite.com/">
<img src="/boutellcomlogo.png" style="border-style: none"/>
</a>

or


img
{ border-style: none;
}

And then reference that style sheet in the head element of your page:


<link href="/mystylesheet.css" rel="stylesheet" type="text/css"/>
sequencehosting
12-21-2009, 05:40 PM
As someone has already mentioned you can cancel the default in your CSS. I recommend you use the following:


img {

border-style: none;

}

That will remove the border from every image you have on your site. I can't think of even one time when I would like to use the border :D
Damiana
03-12-2010, 05:25 PM
you can cancel the default in your CSS
diagurzula
04-03-2010, 04:06 AM
If u r use dreamwever for creating website then follow the steps...
- open your design in dreamwever
- then select the image which you can give link.
- click on that image - using the hyperlink option give the link..