Jump to content
xisto Community

Image Anywhere

Recommended Posts

To put an image on the page you use the IMG tag:


<img src="path/to/image.png" width="200" height="150" alt="Alternative text if image cannot be displayed" />


src defines the path to the image. Width and height are fairly obvious, measured in pixels. Alt is text which gets displayed if the user has a text-based browser, the image can't be downloaded or anything like that. It is also shown when the user mouses over the image. The image will appear wherever you put that tag. W3Schools have a good guide to using the IMG tag which I advise you read through.


To literally position it "anywhere in the page" you'd need to use some CSS to position it where you wanted, most likely using absolute positioning. This page has a quick guide to using CSS, and that link specifically goes to an example of absolutely positioning an image.

Share this post

Link to post
Share on other sites

You do not need to use absolute positioning, either.Floats, Margins and Padding can be used to place block-level items on the page.Do you have a page of code for us to look at and assist with your layout problem? If so, post it up.thanks.

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.