Jump to content


 


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.


Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

Photo

Issue with moving an image via HTML ...


  • Please log in to reply
2 replies to this topic

#1 sve

sve

  • Members
  • 19 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Saskatchewan, Canada
  • Local time:11:22 AM

Posted 24 April 2013 - 11:24 AM

Hey guys, I have an issue that I hope someone can aid me with ...

On this site:
http://www.starverse.ca/sve/sve.html
I have the 2 images on the Right hand side, the Yorkton Storm Hunter & Ryan Crouse Photography

Right now I am using this code to place them in the location that they are at:

<a href="http://www.starverse.ca/sve/photo/" target="_blank"><img src="/sve/images/rcp.png" style="position: absolute; top: 180px; left: 1140px; border="0"</a>
<a href="http://www.yorktonstormhunter.com" target="_blank"><img src="/sve/images/ysh.png" style="position: absolute; top: 260px; left: 1145px; border="0"</a>

I also have on the site, that it's best viewed at 1980 x 1020, yet I have noticed that on browsers that are less than such, that the 2 images are in very different places.

I am guessing that there is a simple solution that I am just over-thinking, or missing something, but is there is way to keep the 2 images in place for all/most monitor resolutions?
:confused:

THANKS IN ADVANCE YOUR YOUR TIME & ASSISTANCE :)
 

 



BC AdBot (Login to Remove)

 


#2 chrisd87

chrisd87

  • Members
  • 811 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:NC
  • Local time:01:22 PM

Posted 25 April 2013 - 09:24 AM

Why not use <div> tags for the image and then try putting the div outside of any parent with restricted widths then adding "margin: auto auto;" Which makes the div have auto left and right margins. In other words, centered. Make sure the div width is set to image width. Also MAKE sure to use % instead of px when setting the width


Edited by chrisd87, 25 April 2013 - 10:02 AM.

"Like car accidents, most hardware problems are due to driver ɹoɹɹǝ."

 


#3 anyrepli

anyrepli

  • Members
  • 160 posts
  • OFFLINE
  •  
  • Local time:02:22 PM

Posted 25 April 2013 - 03:09 PM

I started to respond previously and then went off on a tangent so I just gave it a nevermind. However, if you are a webmaster, I'll be brief and to the point this time. What you are experiencing (eg, things moving around) is normal for a variable-width website which is intended to shrink and expand to fill the monitor screen at different resolutions as necessary; however, this does not happen when you build a fixed-width website.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users