FRIHOST • FORUMS • FAQ • TOS • BLOGS • DIRECTORY
You are invited to Log in or Register a Frihost Account!

Image links without outline?

 


cocobirdi
can't figure out how to take the outlines off of images that i've got set up as links. they really make things look funny, since the image is *supposed* to be round and the outline is square...

i spent probably 3 hours in html and css tutorials trying to pick out something that would help me here, and the few things i saw that looked right didn't quite work. (actually, they didn't do anything.)

i'm a beginner into the coding thing, so i could easily be missing something basic. i've got a fairly decent grasp on html basics or i know where to look if i need to doublecheck, and i've attempted css, but it never wants to attatch to my pages.

there's gotta be a way to remove that outline tho. suggestions?
niranvv
Its simple dude!
No need to waste that much time on this!!

give one extra atribute for <img src=".."> tag as border="0"
that will remove the border for Link images! Wink

So the tag will look like:

<a href="mylocation.html"><img src="myImage.jpg" border="0"></a>

Laughing
Rhysige
or you do it the PROPER CSS WAY Razz CSS is the way niranvv I suggest you get used to it.

img
{
border-style: none;
text-decoration: none;
}

add that to your CSS file.
SamiTheBerber
Rhysige wrote:
or you do it the PROPER CSS WAY Razz CSS is the way niranvv I suggest you get used to it.

img
{
border-style: none;
text-decoration: none;
}

add that to your CSS file.

Or in one line, which I use:
Code:
img {border:0;}
Roald
Or just in your tag:
Code:
<a href="location.html"><img src="image.gif" style="border-style=: none;"></a>
cocobirdi
lol i don't have a css file. i can't ever get them to show anything or even attatch (i guess) so i keep deleting them. the page is in simple html coding.

thanks for the suggestions! i'll poke around a bit and see what works for me. Very Happy

oh, and teehee... i'm a dude? Razz
Roald
You can attach a style sheet like this:
Code:
<html>
<head>
<link href="your_stylesheet.css" type="text/css" rel="stylesheet">
</head>
cocobirdi
i've tried that, and i can never see any changes.
niranvv
cocobirdi wrote:
i've tried that, and i can never see any changes.

can you upload the page or copy the code here??
Laughing
tekage
the correct way to do this is using, as niranvv said, the
Code:
border=0

whith css you can also handle this, and you don΄t necessarily need an external css file. You can include the style in the pages head, or inline in the element.
If you show us your page we can help you better.
TKG
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.