Solved

Overlay one image ontop another inside a TD cell

Posted on 2004-09-23
8
603 Views
Last Modified: 2010-08-05
I would like to create a class (or id) instance, where I can select to overlay one specific image on top of any other image in any of my table cells.

For instance, I have a 3 columned table with multiple rows.  Each cell contains a gallery image.  When one of these is sold, I would like to insert a call to the CSS code to place (i.e., watermark) the image with a "sold sign" image on top of it.  

Does this make sense?

Thanks in advance,
Richard
0
Comment
Question by:phpwebguru
  • 3
  • 2
8 Comments
 
LVL 10

Expert Comment

by:rockmansattic
Comment Utility
If I am not mistaken, the only way to do what you are asking (under the terms you want) is to make the gallery image the background image of the cell and then a sold image in the cell.  You can use css for this so that you could set the cell height and width at the same time :<td style="height:100; width:100; background-image:your_url.jpg;">


I do know that you can alter the image if it meets some criteria using PHP.  this is done sometimes so that people would not steal the image online becasue is has a "watermark" on it.

Ill do some more checking around.
Someone may have a better answer..

Rockman
0
 

Author Comment

by:phpwebguru
Comment Utility
If this is possible via PHP, then that would be acceptable as well.  
0
 
LVL 10

Expert Comment

by:rockmansattic
Comment Utility
0
Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

 
LVL 11

Accepted Solution

by:
neester earned 500 total points
Comment Utility
Would you want to have the BASEimage, then have a watermark ontop of it?

IF so.
Use this PHP Module:
http://phpthumb.sourceforge.net/

It is GREAT.
You can add a watermark, control its opacity, position, size, everything.
You can resize (smaller/larger) of GIF, BMP, JPG, TIFF etc...
It is great.
I use it on my site:

http://img.neester.com
0
 
LVL 11

Expert Comment

by:neester
Comment Utility
If you are willing to use the module, let me know.
And I will give you instructions - if you need any, on how to use hte module.
I have implemented it in the most difficult way possible...
I have the images stored in a database, and i pull them from the dbase, and resize then display...
:)

Anyway,
Hope that helps :)
0
 
LVL 11

Expert Comment

by:neester
Comment Utility
Another thing.
This is the ONLY way to make the watermark appear when you SAVE the image.
If you were to use HTML and DIV's - you could still load the image without the watermark...
This way, the image is edited - and has the watermark added when you load the page (the original isnt effected, only the one the browser sees)
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

771 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

11 Experts available now in Live!

Get 1:1 Help Now