Solved

Position Multiple Images Within a DIV

Posted on 2008-10-21
4
780 Views
Last Modified: 2012-05-05
How do you position multiple images within a div to appear as a single image?

The attached code show each image seperately.

Thanks
<div id="Section01" class="MasterPageImages"> 

        <img alt="" src="Images/MasterPage/SlideShow/Image01.jpg" width="146" height="99" /> 

        <img alt="" src="Images/MasterPage/SlideShow/Image02.jpg" width="146" height="99" /> 

        <img alt="" src="Images/MasterPage/SlideShow/Image03.jpg" width="146" height="99" /> 

        <img alt="" src="Images/MasterPage/SlideShow/Image04.jpg" width="146" height="99" />  

        <img alt="" src="Images/MasterPage/SlideShow/Image05.jpg" width="146" height="99" /> 

        <img alt="" src="Images/MasterPage/SlideShow/Image06.jpg" width="146" height="99" /> 

        <img alt="" src="Images/MasterPage/SlideShow/Image07.jpg" width="146" height="99" /> 

        <img alt="" src="Images/MasterPage/SlideShow/IMG_0127.jpg" width="146" height="99" /> 

    </div>

Open in new window

0
Comment
Question by:Ray Turner
  • 2
4 Comments
 
LVL 23

Expert Comment

by:adilkhan
ID: 22770757
Above Code Should work fine, what is the problem with it?

you can also try to have a Table with ONE row and Each Image within its own  TD.
0
 

Author Comment

by:Ray Turner
ID: 22771749
I want the images to line vertically and horizontally on top of each other.
0
 
LVL 2

Accepted Solution

by:
johnhumenik earned 500 total points
ID: 22772238
use z index that will help keep things on top, but you may have to set the starting point also for it to keep everything together
0
 

Author Closing Comment

by:Ray Turner
ID: 31508440
Thanks!!!
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now