Quick HTML Question

Rhino

I have images on a webpage wrapped in an A HREF (ie. click on image to link to follow link).

How do I make the purple/blue border go away? I just want the image, not this purple/blue around it.

k, thanks.

Lewisham

Is it <a href="blah" style="border:0px"> or <img src style="border:0px">

I always forget. I think it's the latter. Try that one first.

Dhalphir

Rhino wrote: »

I have images on a webpage wrapped in an A HREF (ie. click on image to link to follow link).

How do I make the purple/blue border go away? I just want the image, not this purple/blue around it.

k, thanks.

just add border=0 inside the img tags.

Or the <a> tag.

again, I forget which.

try either <a href="yourlink" border=0><img src="yourimage"></a>

or

try this one <a href="yourlink><img src="yourimage" border=0></a>

one should work

i forget which.

Rhino

Border=0 on the img tag for the win!

Thanks guy.

SporkAndrew

Rhino wrote: »

Border=0 on the img tag for the win!

Thanks guy.

Oh dear God nooooooo!

If you want to adhere to any standards whatsoever AND YOU SHOULD BE:
a) the border element was depreceated in HTML4 and b) things should always be in quotes.

So you want:

<a href="blargh" title="View fullsize image or see something else">
         <img src="blargh" width="320" height="240" alt="describe the image here" style="border: 0;" />
</a>

(I've split things out a bit so it's easier to understand..)

Start learning the right way to do things and you won't develop bad habits.

Alternatively, what I always do is at the top of stylesheets set:

img {
     border: 0;
}

And then explicitly set when I want a border. Saves having to put the style="border: 0" on every image that is also a link.

Andorien

SporkAndrew wrote: »

Rhino wrote: »

Border=0 on the img tag for the win!

Thanks guy.

Oh dear God nooooooo!

If you want to adhere to any standards whatsoever AND YOU SHOULD BE:
a) the border element was depreceated in HTML4 and b) things should always be in quotes.

So you want:

<a href="blargh" title="View fullsize image or see something else">
         <img src="blargh" width="320" height="240" alt="describe the image here" style="border: 0;" />
</a>

(I've split things out a bit so it's easier to understand..)

Start learning the right way to do things and you won't develop bad habits.

Alternatively, what I always do is at the top of stylesheets set:

img {
     border: 0;
}

And then explicitly set when I want a border. Saves having to put the style="border: 0" on every image that is also a link.

Also, you'll probably want to stick the style code in an external CSS file. Apply that sucker to all your pages, and suddenly you can make sitewide style changes all at once.

Afty

I was just going to lime that !

It should be style="border:none;" though.

SporkAndrew

Afty wrote: »

I was just going to lime that !

It should be style="border:none;" though.

As far as I know border: 0 and border: none both give the same results and are both CSS2 compliant. I just use border: 0 because it's 3 characters less.

Afty

From my mind if you put border:0; a border is still being drawn. with 0 width.

If you put border:none; no border is drawn.

Doubt it matters much, especially with modern browsers behaving (a little bit) better.

enderwiggin13

I just want to thank you guys for helping people learn efficient and standard adherent code (seriously, no sarcasm).

I can't stand seeing some of the code here at work (SQL, ASP, XHTML, XML). You would not believe the amount of bloat and waste and lack of comments. Why don't people use comments‽

Anyways, sorry to derail but I wanted to commend learning it the right way the first time.

Antishow

Also, on the off chance that you only want to shut off borders for images that are inside of links:

A IMG{
 border: none;
}

In general it's not such a great idea using the style attribute directly on the tag. By doing so you're effectively tying the presentation to the content, which is basically what css is supposed to prevent.

Lewisham

I was giving him a quick thing to fix the immediate problem, I was working on the assumption that if the OP didn't care to Google the fix, he wasn't too fussed about reading CSS

But yeah, classes are much better than style attributes.

Rhino

It's for testing.
border=0 works.