?
Solved

Overlapping Images

Posted on 1998-12-04
5
Medium Priority
?
373 Views
Last Modified: 2010-04-09
Anyone know how to overlap one graphic onto a portion of another graphic? Would this entail dhtml or css? I would really appreciate the code. Thanks!
0
Comment
Question by:ehopkins
  • 4
5 Comments
 

Accepted Solution

by:
hualing earned 200 total points
ID: 1840214
you can define  class called "overlap" as :
<style type="text/css">
     <!--
       .overlap { position:relative;
                      top:...
                      left:...    
            }
      -->
</style>

insert the code after </title> before</head>

this class define a relative layer,and you can specify the top and the left overlap the original image.
good luck!

0
 

Author Comment

by:ehopkins
ID: 1840215
Can you be more specific [i.e., where to I made reference to image-01.gif and image-02.gif]? Thanks...
0
 

Expert Comment

by:hualing
ID: 1840216
please try this one:
<html>
<head>
      <title>Untitled</title>
      <style type="text/css">
     <!--
       <!--
       .img{ position:absolute;
                      top:10
                      left:10      
            }
      -->

            }
      -->
</style>

</head>

<body>
<img src="image-01"><div class="image"><img src="image-02.gif" </div>
</body>
</html>

0
 

Expert Comment

by:hualing
ID: 1840217
image-02 will at the absolute position which is 10 pix from top and left of the screen Overlap the image-01.
you can change any parameters which defined in<style>...
try?

have a nice weekend!

Hualing
0
 

Expert Comment

by:hualing
ID: 1840218
Sorry i must correct some errors :
try this:
<html>
<head>
<title>Untitled</title>
<style type="text/css">
     <!--
       <!--
       .img{ position:absolute;
                      top:10 ;
                      left:10 ;      
            }
      -->

            }
      -->
</style>

</head>

<body>
<img src="image-01"><div class="img"><img src="image-02.gif"></div>
</body>
</html>


0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Question has a verified solution.

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

The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
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 …
Suggested Courses

840 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