Stop images from moving on minimize

[FatJackSprat]

I have a website with images that I would like to have stay in the same place on the page. Right now, when the page is minimized it moves the images so that they are all visible. I want them to stay where they are and have a scroll bar appear at the bottom of the page.

Thanks.

 

[screw3d]

First thing first, Frontpage = bad

Now.. can we see your source code?

 

[FatJackSprat]

You will probably not be happy with what you see below. I have absolutely no computer training, please be kind.

I drew my own images which I am using as links around my site. It works well, except for the moving around thing. I am trying to find more information on "absolute positioning," but I am having difficultly understanding some of it. I believe that when I first started doing this a week ago this images remained stationary.

Here is the portion containing the images, I'm really grateful for your help.

<p style="margin-top: 0; margin-bottom: 0; margin-right:0" align="justify">
<a title="krn@statecollegelegal.com" href="mailto:krn@statecollegelegal.com?subject=Website Correspondence">
<img border="0" src="images/Logos/LogoRedGrey.gif" alt="[Email State College Lawyer]" width="394" height="100"></a>
<a href="location.htm">
<img border="0" src="images/Logos/AddRedGrey.gif" width="271" height="100"></a> </p>

<p style="margin-top: 0; margin-bottom: 0" align="justify">
<img border="0" src="images/Logos/TabHomeRedGrey.gif" width="71" height="26"><a href="services.htm"><img border="0" src="images/Logos/TabServicesRedGrey.gif" alt="[Legal Services]" width="71" height="26"></a><a href="contact.htm"><img border="0" src="images/Logos/TabContactRedGrey.gif" alt="[Attorney Contact]" width="71" height="26"></a><a href="location.htm"><img border="0" src="images/Logos/TabLocationRedGrey.gif" alt="[State College Law Office Location]" width="71" height="36"></a><a href="realestate.htm"><img border="0" src="images/Logos/TabRealEstateGreyBrown.gif" width="71" height="36"></a><a href="willsestatestrusts.htm"><img border="0" src="images/Logos/TabWillsGreyBlue.gif" width="71" height="36"></a><a href="businessentities.htm"><img border="0" src="images/Logos/TabBusLawGreyGrey.gif" width="71" height="36"></a><img border="0" src="images/Logos/LineGrey.gif" width="332" height="26"></p>

<p style="margin-top: 0; margin-bottom: 0" align="justify">
</p>

<p style="margin-top: 0; margin-bottom: 0; margin-right: 175" align="justify">
<font face="Times New Roman" style="font-size: 11pt">

 

[Crusty]

Use the attach code feature... nobody is gonna be able to help with that mess above

 

[FatJackSprat]

 

[FatJackSprat]

Is that correct?

 

[FatJackSprat]

I took this line:
<a href="location.htm"><img border="0" src="images/Logos/AddRedGrey.gif" width="271" height="100"></a>

And added (style="position:absolute") like this
<a href="location.htm"><img border="0" style="position:absolute" src="images/Logos/AddRedGrey.gif" width="271" height="100"></a>

Now when I preview in browser that image stays fixed in the position I originally placed it. If I do the same with the other images they end up all over the screen.

 

[screw3d]

Wow.. the code is in such a mess! Can you post an image of how you want it all to be? I'll work the HTML for you and you can study how it works from there

 

[FatJackSprat]

Sorry, I knew it wouldn't be pretty. Through trial and error, I have been able to position each image using:

style="position:absolute; top:129; left:10"

I then just add 70 to each sucessive left, the width of each image, and they maintain their positions.

Thanks for the help. My site will be www.statecollegelegal.com when its complete. Hopefully I'll have it up within the next week.