Computer Hope

Internet & Networking => Web design => Topic started by: ajsmith100 on September 23, 2008, 01:12:05 AM

Title: Need help with placing text image on header.
Post by: ajsmith100 on September 23, 2008, 01:12:05 AM

How do I put a smaller image on top of a larger image?  In this case, it's a text image on top of a header graphic.  Both are jpgs.  Can I actually position the smaller image?

Thx

Title: Re: Need help with placing text image on header.
Post by: Carbon Dudeoxide on September 23, 2008, 03:53:01 AM

You can open the large image in mspaint and copy and paste it into mspaint.
From there, you can move the smaller image around, and then save it.

Title: Re: Need help with placing text image on header.
Post by: kpac on September 23, 2008, 09:30:12 AM

Is this HTML we're talking about?

Title: Re: Need help with placing text image on header.
Post by: ajsmith100 on September 23, 2008, 12:38:52 PM

Oops.  Should have mentioned.  Yes it is html

Title: Re: Need help with placing text image on header.
Post by: kpac on September 23, 2008, 12:51:02 PM

Quote from: ajsmith100 on September 23, 2008, 12:38:52 PM

Oops.  Should have mentioned.  Yes it is html

No worries. :)

Do you have any code already? Can you post it?
Is there any (seperate) text in the header?

Title: Re: Need help with placing text image on header.
Post by: ajsmith100 on September 23, 2008, 01:07:56 PM

I'll post it when I get home.

Thanks

Title: Re: Need help with placing text image on header.
Post by: ChrisXPPro on September 23, 2008, 07:17:45 PM

One option which will give you some room for manipulation is to use absolute positioning in CSS. 

The smaller pic will need a higher value Z index so it will be on a layer - then you can move it where you want.

Title: Re: Need help with placing text image on header.
Post by: ajsmith100 on September 24, 2008, 12:54:13 AM

Kpac, I've uploaded the images, as we discussed. Thanks for taking a look.

Carbon,  not sure what you mean ???

[Saving space - attachment deleted by admin]

Title: Re: Need help with placing text image on header.
Post by: Carbon Dudeoxide on September 24, 2008, 12:59:29 AM

My suggestion was to put the two images together before uploading them to the website.

Title: Re: Need help with placing text image on header.
Post by: soybean on September 24, 2008, 08:25:11 AM

Is this what you mean?:
(http://i7.photobucket.com/albums/y256/farmpond/forums/image2.jpg)

Title: Re: Need help with placing text image on header.
Post by: Carbon Dudeoxide on September 24, 2008, 08:26:54 AM

Maybe a little use of the Magic Wand Tool and some feathering, but yeah.

Title: Re: Need help with placing text image on header.
Post by: kpac on September 24, 2008, 10:52:39 AM

Quote from: soybean on September 24, 2008, 08:25:11 AM

Is this what you mean?:
(http://i7.photobucket.com/albums/y256/farmpond/forums/image2.jpg)

You can use tables for that. Just set the background of the table to the background image, and putting the other image inside the table:

Code: [Select]

<table border="0">
  <tr>
    <td style="background-image:url('image1.jpg');background-repeat:none">
      <img src="image2.jpg" border="0" alt="A picture..." />
    </td>
  </tr>
</table>

Is this what you want?

Title: Re: Need help with placing text image on header.
Post by: ajsmith100 on September 24, 2008, 12:48:15 PM

Yes...that's it, thanks!  Now I can take the code and do the 10 headers that I have to change.  Thanks for saving me so much time....

AJ

Title: Re: Need help with placing text image on header.
Post by: BC_Programmer on September 24, 2008, 12:54:27 PM

Quote from: ajsmith100 on September 24, 2008, 12:48:15 PM

Yes...that's it, thanks!  Now I can take the code and do the 10 headers that I have to change.  Thanks for saving me so much time....

AJ

Was that sincere or sarcastic?

Title: Re: Need help with placing text image on header.
Post by: kpac on September 24, 2008, 01:30:48 PM

Quote from: BC_Programmer on September 24, 2008, 12:54:27 PM

Was that sincere or sarcastic?

Hey! Stop being so negative! LOL! ;D

Quote from: ajsmith100 on September 24, 2008, 12:48:15 PM

Yes...that's it, thanks!  Now I can take the code and do the 10 headers that I have to change.  Thanks for saving me so much time....

AJ

No problem. ;)