PDA

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



mandysaini
12-16-2009, 08: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, 05:40 AM
Can you please give more details?
What exactly you need? Any screenshots for examples?

RH1
12-18-2009, 08:54 AM
use border=0 inside the image tag

CodyBane
12-21-2009, 12: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, 04: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, 04:25 PM
you can cancel the default in your CSS

diagurzula
04-03-2010, 03: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..