[Last Call] Learn about multicloud storage options and how to improve your company's cloud strategy. Register Now

x
?
Solved

Overlay one image ontop another inside a TD cell

Posted on 2004-09-23
8
Medium Priority
?
651 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
8 Comments
 
LVL 10

Expert Comment

by:rockmansattic
ID: 12135821
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
ID: 12135923
If this is possible via PHP, then that would be acceptable as well.  
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
LVL 11

Accepted Solution

by:
neester earned 2000 total points
ID: 12254433
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
ID: 12254437
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
ID: 12254443
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

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Question has a verified solution.

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

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!
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Suggested Courses

656 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