LinkBack URL
About LinkBacksOkay, 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!
x10Hosting Member
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!
x10Hosting Member
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
x10Hosting Member
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?
Banned
I see, I don't think there is a way to get rid of this.Originally Posted by jdmaurer16
x10Hosting Member
Darn.
Ok thanks. If anyone knows of a way to get rid of this, please let me know! Thanks for your help guys!
x10Hosting Member
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
fool around with onmouseover and onmouseout events and you get an almost a-href-link tag look-a-like.HTML Code:<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>
Edit:
see http://chinghoe.x10hosting.com/products.php for an example
Last edited by supermix; 11-25-2008 at 04:28 AM. Reason: Automerged Doublepost
x10 Elder
Can I ask a stupid question?
Isn't this the a:active .css??
your .css would be
If you apply this, then surely there won't be any border when its active???Code:a:active{ border:none; }
x10 Sophmore
Re: Need some HTML/CSS help!
i think so :nuts:
Regards:
Agroup :cool:
http://FileTube.info - Online File Storage & CMS Scripts
Islamic-World - All About Islam
x10Hosting Member
Here's the right code that I have studied in w3school:
Make an "id" attribute in your image tag(s).
HTML Code:
For making CSS to remove it's border, every id attributes that you will customize in CSS starts with "#" before the name.<html>
<img id="image" scr="http://image.com" />
</html>
CSS Code:
Quite tough and clean huh? It is Valid in HTML 5. Enjoy that code.#image {
border: 0px none;
}
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 by tdltinc; 11-25-2008 at 09:53 AM.
x10Hosting Member
read some books
Posting Permissions
Reply With Quote
