No highlight on image that is a link

N

Neal

I know this... but for the life of me I cannot remember how to do it. I
want an image (that is a link) with no highlights.

I am sure it is simple, but I am frustrated. I did 20 web searches and I
can get help for text no underline (which I figured out) ut not for the
image.

Thanking you in advance for a snippet of code

Peter

The highlight is there to show the image is a link, so be aware that
taking it away reduces the page's usability substantially.

That said, the CSS solution:

a img {border: 0;}
 
Z

Zion

I know this... but for the life of me I cannot remember how to do it. I
want an image (that is a link) with no highlights.

I am sure it is simple, but I am frustrated. I did 20 web searches and I
can get help for text no underline (which I figured out) ut not for the
image.

Thanking you in advance for a snippet of code

Peter
 
K

Kris

Neal said:
The highlight is there to show the image is a link, so be aware that
taking it away reduces the page's usability substantially.

Only if the image is the only way to reach the information. If it is
accopagnied by a text link then it can be followed by the clueful; the
image is there for the clueless who would have clicked all over the
screen blindly anyway.
 
Z

Zion

Kris said:
Only if the image is the only way to reach the information. If it is
accopagnied by a text link then it can be followed by the clueful; the
image is there for the clueless who would have clicked all over the
screen blindly anyway.
My page is designed so that is is most obvious that the images are links.
although I do understand the need for highlighting in most instances. BTW,
is there another way to do this? I seem to remember a different way, but
als my memory is fading daily!
 
S

SpaceGirl

Zion said:
I know this... but for the life of me I cannot remember how to do it. I
want an image (that is a link) with no highlights.

I am sure it is simple, but I am frustrated. I did 20 web searches and I
can get help for text no underline (which I figured out) ut not for the
image.

Thanking you in advance for a snippet of code

Peter

eesh and nobody will answer a straight question in here. They'd much
rather tell you why not... anyway:

in your stylesheet:

a { text-decoration:none; color: black; }


--


x theSpaceGirl (miranda)

# lead designer @ http://www.dhnewmedia.com #
# remove NO SPAM to email, or use form on website #
 
S

Steve Pugh

SpaceGirl said:
eesh and nobody will answer a straight question in here. They'd much
rather tell you why not... anyway:

As opposed to providing totally incorrect and useless answers? ;-)
in your stylesheet:

a { text-decoration:none; color: black; }

Hmm, and that will do what to an image?

Steve
 
S

SpaceGirl

Steve said:
As opposed to providing totally incorrect and useless answers? ;-)




Hmm, and that will do what to an image?

Steve

heh border:0px;

which you know of course, but the OP might not.

--


x theSpaceGirl (miranda)

# lead designer @ http://www.dhnewmedia.com #
# remove NO SPAM to email, or use form on website #
 
R

rf

SpaceGirl.
heh border:0px;

Which will make sure the a element has no border but...

Hmm, and that will do what to an image?

Hint:
img {border: 0;}
or even
a img {border: 0;}
 
N

nice.guy.nige

While the city slept, SpaceGirl ([email protected]) feverishly
typed...
heh border:0px;

which you know of course, but the OP might not.

Since Neal posted "a img {border: 0;}" (with an appropriate caveat that it
can reduce usability) nearly 12.5 hours before you posted this, it is quite
possible that the OP now knows it too! ;-)

Cheers,
Nige
 
M

Mark Parnell

IMG SRC=whatever.jpg BORDER=0

1) The border attribute is deprecated. Use CSS.
2) You're missing the required alt attribute.
3) It is recommended to quote all attribute values.
 
C

Charles Angelich

I know this... but for the life of me I cannot remember how to do it. I
want an image (that is a link) with no highlights.

I am sure it is simple, but I am frustrated. I did 20 web searches and I
can get help for text no underline (which I figured out) ut not for the
image.

Thanking you in advance for a snippet of code

Within the <img src = ... border=0> will give you what you seek.

Charles.Angelich

MP3/WMA streaming:
http://www.undercoverdesign.com/dosghost/samples.asp

DOS & W31:
http://www.undercoverdesign.com/dosghost/

Entertainment:
http://www.undercoverdesign.com/dosghost/faf
 
N

nice.guy.nige

While the city slept, Charles Angelich ([email protected])
feverishly typed...
Within the <img src = ... border=0> will give you what you seek.

But that is deprecated code. The OP has already received plenty of good
advice giving the correct (css) method to achieve what he is after.

Cheers,
Nige
 
C

Charles Angelich

While the city slept, Charles Angelich ([email protected])
feverishly typed...


But that is deprecated code. The OP has already received plenty of good
advice giving the correct (css) method to achieve what he is after.

Deprecated is a term for politicians. The code has worked and _does_
work at this time.

If trhe OP wants results NOW my answer is more appropriate. If the OP
wants to study/learn to use CSS that is not fully supported in many of
the legacy and present-day browsers and then 'achieve' questionable
results then you are correct.

Charles.Angelich

MP3/WMA streaming:
http://www.undercoverdesign.com/dosghost/samples.asp

DOS & W31:
http://www.undercoverdesign.com/dosghost/

Entertainment:
http://www.undercoverdesign.com/dosghost/faf
 
K

Karl Groves

Charles Angelich said:
Deprecated is a term for politicians. The code has worked and _does_
work at this time.

If trhe OP wants results NOW my answer is more appropriate. If the OP
wants to study/learn to use CSS that is not fully supported in many of
the legacy and present-day browsers and then 'achieve' questionable
results then you are correct.

On what browser does 'border: 0;' not work?

-Karl
 
N

nice.guy.nige

While the city slept, Charles Angelich ([email protected])
feverishly typed...
Deprecated is a term for politicians. The code has worked and _does_
work at this time.

Precisely. It works at this time. The problem with deprecated code is that
it is no longer supported and - in the context of web pages - browser
manufacturers can choose to remove support for it in any future release of
their product, which means that it may not work in the future, or that
results will vary between different browsers.
If trhe OP wants results NOW my answer is more appropriate.

The CSS solutions given will work just fine in the vast majority of browsers
currently in use, and have the advantage of being in the current
specifications, so support will most likely outlast that of your deprecated
HTML solution. Further, coding to the current specifications will improve
accessibility (even though the OP's intent may reduce it).

Cheers,
Nige
 
C

C A Upsdell

nice.guy.nige said:
While the city slept, Charles Angelich ([email protected])
feverishly typed...


Precisely. It works at this time. The problem with deprecated code is that
it is no longer supported and - in the context of web pages - browser
manufacturers can choose to remove support for it in any future release of
their product, which means that it may not work in the future, or that
results will vary between different browsers.

Point 1: Deprecated code is supported by all of today's real-world
browsers, and since it would break a lot of web pages -- e.g. legacy
pages -- if such code were no longer supported, you can be sure that it will
be supported for a long time to come.

Point 2: It is conceivable, however, that a browser maker would choose not
to support deprecated code for pages with a Strict DOCTYPE; but a browser
must also support Transitional to be a viable choice for users.

Point 3: May I suggest that the best response to the OP would have been to
give both the HTML and CSS solutions, so that he could choose to solve his
problem in the best manner suited to his needs?
 
T

Toby Inkster

Charles said:
Deprecated is a term for politicians. The code has worked and _does_
work at this time.

It's also silly code. Why add 'border="0"' to every single image on your
entire site when you can simply add 'a img{border:0}' to one CSS file?
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,743
Messages
2,569,478
Members
44,898
Latest member
BlairH7607

Latest Threads

Top