Image positioning Options

[AndyB]

Hey everyone,
Ive got a div progile (www.myspace.com/andyb26). Ive got a problem that should be really easy to figure out but its not working for some reason. Ive got an image scaled down to a size that i want to fit in the very bottom right hand corner of the page, how can i script that in? Any help would save me alot of time, thanks.





ab

[*This Confession*]

CODE

<div class="threefriend" style="position: absolute; left:564px;  
top:290px; width:80px; height:80px; overflow:none;"><center>

<img id="NAME" alt="friend" border="0" src="URL TO PICTURE HERE" />
</div>

you can position like that

or if you want it like in the bg then use this..

CODE

background-image:url('URL TO IMAGE');
background-repeat: no-repeat;
background-position: center bottom;
background-attachment: fixed;

[AndyB]

Thanks for the reply, but its still not wanting to work. What would the script be if the url to the image was (http://i58.photobucket.com/albums/g255/AndyB2509/asf.jpg)? I got the imgae to show up in the preview, but it wasent correct, and it wouldnt show up at all when i viewed my profile. I didnt think this would be so complicated...ahh. Thank you for your help.

[*This Confession*]

upload the image somewhere else?

http://www.imageshack.us

or http://www.tinypic.com


maybe your positioning in a place that something else may be on top of it?

[AndyB]

That may be it, because when i did get the image to go in the bottom right in the preview, the submit and edit buttons were gone. Do you know what the approx. positioning points would be?

[freeflow]

Just play around w/ the coordinates till you find it. She might know the exact points but thats like wow..

Edit in safe mode when the edit & submit are gone. Then use the manual submit if the submits gone.

[AndyB]

Alright, i can not get it to work. Ive tried, so lets see what im doing wrong. Here is what im working with. This part is in the Interests section, the rest of the profile script is in the about me. So what needs to be entered in here?


<style type="ERASED FOR POSTING">body{background-color:616161;} body {scrollbar-arrow-color: 000000;
<BR> scrollbar-face-color: 7D7D7D;
<BR> scrollbar-3dlight-color: CFCFCF;
<BR> scrollbar-darkshadow-color: 000000;
<BR> scrollbar-shadow-color: 7D7D7D;
<BR> scrollbar-highlight-color: 7D7D7D;
<BR> scrollbar-track-color: BEBEBE;}{CONTACT BOX} .contactTable
<BR> .contactTable table, table.contactTable td { background-color:transparent; background-image:none; padding:0px !important; border:0px; border-color: transparent;} a.bloglink, a.bloglink:visited {color:black;} a.bloglink:active {color:black;} a, {color:black;}
<BR> .contactTable a img {visibility:hidden; border:0px !important;}
<BR> .contactTable .text {font-size:1px !important;}
<BR> .contactTable .text {font-size:1px !important;}
<BR> .contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
<BR> .contactTable .whitetext12 {display:none;}
table, tr, td, span {background-color:transparent;}
img {border:0;}</style>

I want an image in the very bottom right of that section. This section contains comments, the about me contains the profile and everything. So its like divided in half. Thank you.