Need some HTML/CSS help!

jdmaurer16

jdmaurer16

New Member
Messages
34
Reaction score
0
Points
0
Okay, so here is my question. When you change an image into a hyperlink and your clicking on it, there is a little dotted border that goes around the image while its active. Is there any way to get rid of this? Any help is appreciated! Thanks a lot!
 
mfurqanabid

mfurqanabid

New Member
Messages
37
Reaction score
0
Points
0
if you want want to remove the border from image change border width to 0

here is example

<img src="http://forums.x10hosting.com/programming-help/soruce.png" border="0" />

or if you want border around image than use
a:active {} class
 
jdmaurer16

jdmaurer16

New Member
Messages
34
Reaction score
0
Points
0
I know all that, but what I'm talking about, is when the link is active, or when you are clicking on it. The dotted border only shows up for like a split second, but its just annoying. Any ways to fix this?
 
compwhizii

compwhizii

Banned
Messages
779
Reaction score
0
Points
0
jdmaurer16 said:
I know all that, but what I'm talking about, is when the link is active, or when you are clicking on it. The dotted border only shows up for like a split second, but its just annoying. Any ways to fix this?
Click to expand...

I see, I don't think there is a way to get rid of this.
 
jdmaurer16

jdmaurer16

New Member
Messages
34
Reaction score
0
Points
0
Darn. :(

Ok thanks. If anyone knows of a way to get rid of this, please let me know! Thanks for your help guys!
 
S

supermix

New Member
Messages
30
Reaction score
0
Points
0
You can do so with javascript. But first is the content you are trying to load in the same page?

use the onclick event of an image

HTML: 
  <img src='image.jpg' onclick='window.top.location="http://site.com/" />

  or for text I use span tags
 
  <span onclick='window.top.location="http://site.com/" />go to site.com</span>

fool around with onmouseover and onmouseout events and you get an almost a-href-link tag look-a-like.
Edit:
see http://chinghoe.x10hosting.com/products.php for an example
 
Last edited:
freecrm

freecrm

New Member
Messages
629
Reaction score
0
Points
0
Can I ask a stupid question?

Isn't this the a:active .css??

your .css would be

Code: 
a:active{
border:none;
}

If you apply this, then surely there won't be any border when its active???
 
agroup

agroup

New Member
Messages
190
Reaction score
0
Points
0
mfurqanabid said:
if you want want to remove the border from image change border width to 0

here is example

<img src="http://forums.x10hosting.com/programming-help/soruce.png" border="0" />

or if you want border around image than use
a:active {} class
Click to expand...

i think so :nuts:
 
T

tdltinc

New Member
Messages
32
Reaction score
0
Points
0
Here's the right code that I have studied in w3school:

Make an "id" attribute in your image tag(s).
HTML Code:
<html>
<img id="image" scr="http://image.com" />
</html>
Click to expand...

For making CSS to remove it's border, every id attributes that you will customize in CSS starts with "#" before the name.
CSS Code:
#image {
border: 0px none;
}
Click to expand...

Quite tough and clean huh? It is Valid in HTML 5. Enjoy that code.

I think your problem is you see a dotted in you image so Ignore it its your browser... For you know what picture did you click.
 
Last edited:
jdmaurer16

jdmaurer16

New Member
Messages
34
Reaction score
0
Points
0
Sorry, but none of the above suggestions worked. I really don't think there is a solution to this...thanks guys.
 
R

richee123

New Member
Messages
6
Reaction score
0
Points
1
mfurqanabid said:
if you want want to remove the border from image change border width to 0

here is example

<img src="http://forums.x10hosting.com/programming-help/soruce.png" border="0" />

or if you want border around image than use
a:active {} class
Click to expand...
he is right may be ur problem has been solved
______________________________-
busby seo test
 
You must log in or register to reply here.
Top