473,325 Members | 2,792 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,325 software developers and data experts.

Image positioning

1
Hello,
I will try my hardest to keep from confusing whoever reads this.


I have a site that I want to hide a picture off screen, as you scroll down the page the picture comes in to view but stops in the bottom left corner of the screen. The rest of the page will scroll as intended.

I can get the picture off screen at the moment but it hides all the way at the bottom of the page and I have to scroll forever to get to it. My idea is to have it hide just off screen and have it appears as soon as you start to scroll down.
Jul 27 '07 #1
2 1331
harshmaul
490 Expert 256MB
Hi,

There isn't away to do this exactly.
Here are a few options to cosider..
Firstly CSS positioning- As everyone has different size monitors use %'s instead of Px, So... <img src="blah.jpg" alt="description" Style="left:100%; top:110%;" width="50" right="50"/>

Secondly Divs to position-
<div style="left:100%; top:110%;">
<img src="blah.jpg" alt="description" width="50" right="50" style="bottom:***" />
</div>
NOTE the *** needs to be the HIEGHT in pixels of the image.

But in truth these are workarounds.

Good luck :)
Jul 30 '07 #2
nomad
664 Expert 512MB
Hello,
I will try my hardest to keep from confusing whoever reads this.


I have a site that I want to hide a picture off screen, as you scroll down the page the picture comes in to view but stops in the bottom left corner of the screen. The rest of the page will scroll as intended.

I can get the picture off screen at the moment but it hides all the way at the bottom of the page and I have to scroll forever to get to it. My idea is to have it hide just off screen and have it appears as soon as you start to scroll down.
Not sure if this will work.
Try using a layer for the picture.

nomad
Jul 31 '07 #3

Sign in to post your reply or Sign up for a free account.

Similar topics

2
by: Anna | last post by:
Hi all. I hope this is the right group for my question. If not, please tell me, where can I ask this. I wrote a client-side image map, using <img>, <map> and <area> tags. I want to be able,...
6
by: Haines Brown | last post by:
I find that when I use list-style-image with galeon or mozilla, padding is inserted between the symbol image and the following list text, while under IE 5.0 it seems to be inserted before the image...
1
by: John Leeke | last post by:
How are images positioned on a page? In particular, how do I adapt the following javascript code: ********** <img src="officecam0000.jpg" name="myImageName"> <script language="JavaScript">...
14
by: D. Alvarado | last post by:
Hello, I am trying to open a window containing an image and I would like the image to be flush against the window -- i.e. have no padding or border. Can I make this happen with a single call to a...
7
by: Doc | last post by:
I've read in a couple of different places including the archives of this forum that html doesn't allow you to precisely dictate the position of an image, but I found this command (again in the...
6
by: Jerry Camel | last post by:
I want to center an image on the screen and have text centered over the image. What's the best way to do this? I've been playing with style tags and I can get the stuff to center automatically...
3
by: Jason | last post by:
I don't usually use CSS positioning very much, but I thought that I understood the concept until I got into this one. The site is using a mixture of tables and CSS (to make sure it works well on...
3
by: seamlyne | last post by:
The first method I ever used for multiple state buttons was to create a graphic for each button for each state: AboutUs_on, AbooutUs_over, AboutUs_out, etc. That works great when there are just a...
5
by: mr. ambastha | last post by:
Hello, I have 4 large images ( 1024 x 1024). All four images constitute one large image when kept side by side. I want to show that larger image on a webpage with a smaller image area (say,...
3
by: vunet | last post by:
When I use image as a bullet within LI element I have different image positioning results in Firefox and IE6. IE6 puts the image on top and far from left LI's border. Firefox puts it nicely in the...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.