Would Like To Add An Image In A Specific Location Of My Profile..., Want to add an image with an border that makes the image look embed in Options

[illriginal]

What's up guys, well I've been lookin at the scripts that I have and been trying to get an idea of how to create a table. Why you may ask? I believe I need to create a table in order to insert something into it, correct? Such as text or image...

Basically I'd like to add an image right between the table/text where it reads, "F*ck society and everyone in it" and where it reads "Vitals, interests, and links"

There's a nice open spot right there so I'd like to add an image there.

When I add the image I'd like to put a border around it to make it seem as if it's embedded into the page, give it a little hint of a 3D look. Is this even possible?

Thanks in advance!

[illriginal]

This is my dumby profile: www.myspace.com/illriginalized

This is the script I currently have:
<img src="http://i62.photobucket.com/albums/h116/Tamacracker/Meandbarbara2.jpg" title="Soul Mates" alt="Soul Mates" /></a>
</div>

I need to position it more to the right so it can look centered.
Can anyone help me out on this?

[*This Confession*]

okay make a div and put the image in it.

CODE

<div class="image" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;">
<img src="http://i62.photobucket.com/albums/h116/Tamacracker/Meandbarbara2.jpg">
</div>

K in this code you need to go back and change the height and width of the image and then change the top and left to position it.

If you need help positioning read this:

Positioning made easy?

quick lesson on "position: relative"

top: -45px = moves up 45px
top: 45px = moves down 45px
left: -15px = moves left 15px
left: 15px = moves right 15px

quick lesson on "position: absolute"

top: 0% = moves to top of page
top: 50% = moves to middle of page
top: 100% = moves to bottem of page
left: 0% = moves to left of page
left: 50% = moves to center of page
left: 100% = moves to right of page
margin-left: -15px = moves left 15px
margin-left: 15px = moves right 15px
margin-top: 45px = moves down 45px
margin-top: -45px = moves up 45px

[illriginal]

You my friend... f*ckin rock! Thank you soooo much... this is exactly what I needed. I've been searchin on the net for 2 hours for atlesat an example and I couldn't find anything good.

Thank you very much!!

Oh wait.. one last question, ok?
What's the script to put a border around it... and is it possible to make it look like it's embedded into the page?, instead of it just being a regular border.

[*This Confession*]

Ehm, if you could show me a example of what your talking about, I mean you could make a border on to the image and just put it in that code

and if you just want to add a regular border then just do this..

<div class="image" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;border: 2px solid; border-color: ffffff;">
<img src="http://i62.photobucket.com/albums/h116/Tamacracker/Meandbarbara2.jpg">
</div>

remember to change the height and width and top and left

[illriginal]

Yeah I have photoshop, but I guess I don't have the filter to add a border. Basically I mean like makin the picture look like it's dented into the page... if that makes any sense. But it's cool I gotta get my hands on Eyecandy again, I believe that had the proper filters to add borders onto the image.

Thank you again for the border script bro, really appreciate it :)

Peace,
Tamacracker

[illriginal]

You guys can close this thread :D