About Borders Around Images Options

[ohhbiteme]

Hi, I was wondering if there was a code where you can add a specific amount of borders around an image? Something like that, 'border-bottom: 1px;' thing or whatever? Because I wanna add borders on the top, right, and left of my images only. But I don't know how to do that since I only know about this code:

CODE

<img src="URL" border=1>

edit:
This is for MySpace btw :]

[miyashu]

Try this code:

CODE

<img src="URL" img style="BORDER-BOTTOM: 0px; BORDER-LEFT: 2px dashed ff0000; BORDER-RIGHT: 2px solid ff0000; BORDER-TOP: 2px solid ff0000;">

And just edit the border colors/styles to your liking. I tested this out, so it should work just fine.

[ohhbiteme]

Hmm, it doesn't seem to work for me :[
I'm using Internet Explorer.

[S-Majere]

That's very strange - I've just tested the code miyashu provided for you and it works perfectly in Internet Explorer.

Make sure you aren't using any other coding that may conflict with the image borders, and ensure you haven't placed the code inside style tags.

[miyashu]

Hmm, check your stylesheet to see if you have a code like this, and get rid of it:

CODE

a img, img {
border: none;
border-width: 0px;
}

This code is the only one I could think of that would conflict with the image borders.

[ohhbiteme]

Hmm, I checked my codes and I don't think there's anything preventing it from showing. At least not that I know of.

My MySpace link is in my signature. I made it public so yeah >_< I wanna but borders under the pictures under "Who I'd Like to Meet".

This post has been edited by ohhbiteme: Jan 30 2008, 10:21 PM

[digitalfragrance]

Could you post your layout code?

[ohhbiteme]

[edit]
sorry, editing. hold on.

[edit]
Hmm well, my layout code is too long >_<
When I use "codebox" it stretches the page out.
Is there a way to show "textarea" on here?

[newkidontheblock]

no there any any way to use

CODE

<textarea> code here </textarea>

on here.

CODE

[codebox] code here [/codebox]

is the textarea for forums.

Try this

CODE

<style type="text/css" >

.f_img {
  border-bottom:XXpx;
  border-right:XXpx
  border-left:XXpx
  border-top:XXpx;
  border-color:######;
  border-style:solid;
  }

</style>

here is the image code to use :

CODE

<img src="http://IMAGE_URL_HERE" class="f_img" >

1. Change the XX to any number ex. 5
2. Change the ###### to any color you want colors
3. Change the solid to any border style you want. if you want too.