?
Solved

CSS image overlay

Posted on 2008-11-19
7
Medium Priority
?
3,248 Views
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.).

0
Comment
Question by:Ajacian81
  • 6
7 Comments
 
LVL 2

Assisted Solution

by:spikeyman00
spikeyman00 earned 200 total points
ID: 22998993
0
 

Author Comment

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

Author Comment

by:Ajacian81
ID: 22999056
i bumped the points up to 300.
0
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 

Author Comment

by:Ajacian81
ID: 22999457
Additional note:

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

<style>
.containerdiv { float: left; position: relative; }
.cornerimage { position: absolute; top: 0; right: 0; }
</style>

<div class="containerdiv">
<img border="0" src="http://beta.stackoverflow.com/Conte... alt=""">
<img class="cornerimage" border="0" src="http://www.gravatar.com/avatar/" alt="">
<div>


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

Author Comment

by:Ajacian81
ID: 23013315
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.
0
 

Author Comment

by:Ajacian81
ID: 23014068
ok i was able to figure it out myself... to be honest, I thought Experts Exchange was a lot better than this?
0
 

Accepted Solution

by:
Ajacian81 earned 0 total points
ID: 23014087
just so people can know the solution if they see the question... it's here:
http://www.thatvoodooyoudo.com/css/positioning-bottom-right/

0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
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…
Suggested Courses

750 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