CSS image overlay

Posted on 2008-11-19
Last Modified: 2013-12-25
Ok i'm really having an off moment, can't figure out how to do this, so trying here.  I'm basically modifying an already created page; I have an image in a div, that's pulled from a script (PHP).  That part is irrelevant, except to say that I don't know the image size ahead of time.

I need to place a logo, bottom right corner of the image.. so basically layer an image on top of it. I also want the image to be centered in the div it resides in, so I can't float right or left.

I'm pretty sure it's an Absolute position image in a div that contains the image, but I can't get it working.

PS. It has to work in IE6 (as well as FF; just saying I've seen solutions that don't work in IE6 -- that can't happen here.).

Question by:Ajacian81
    LVL 2

    Assisted Solution


    Author Comment

    i'm not sure how that would work.. i need the mini image (actually both images) to be clickable.. going to different locations.

    Author Comment

    i bumped the points up to 300.

    Author Comment

    Additional note:

    I'd use something like below, but the Float: Left is not something I can use.

    .containerdiv { float: left; position: relative; }
    .cornerimage { position: absolute; top: 0; right: 0; }

    <div class="containerdiv">
    <img border="0" src=" alt=""">
    <img class="cornerimage" border="0" src="" alt="">

    oh and I bumped up the points to 302!!!

    Author Comment

    ok no responses so far, I'm not sure what else I can do ? It seems like it's very doable. . i'm willing to give the points to someone who even steers me in the right direction.

    Author Comment

    ok i was able to figure it out myself... to be honest, I thought Experts Exchange was a lot better than this?

    Accepted Solution

    just so people can know the solution if they see the question... it's here:


    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Why You Should Analyze Threat Actor TTPs

    After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

    When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
    So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
    In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
    This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…

    760 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

    14 Experts available now in Live!

    Get 1:1 Help Now