Placing text on top of an image ... possible?

#1 moondog830

Group: Member
Posts: 393
Joined: 07-June 05

Posted 25 July 2012 - 04:00 PM

I'm using Dreamweaver ... I have created a 'banner' for the top part of the page, but along the bottom of it I want to place links on top of the image as text. Is this possible?

Something like making hotspots, but I can't figure a way to put text on those hotspots.

If I didn't explain it well enough, please let me know ... this is giving me a headache.

Thanks!

dog

#2 AstraNut

Group: Member
Posts: 329
Joined: 15-June 10

Posted 25 July 2012 - 09:12 PM

If you use text that is written on an image as hotspots, you must make the image an image map. If you don't wish to do this, you can use the image as a background of one div with an inner div containing the text links. Either way is doable.

#3 moondog830

Group: Member
Posts: 393
Joined: 07-June 05

Posted 26 July 2012 - 08:07 AM

thanks for answering ... so basically the image would have to be used as the background image in each 'cell' to make this work and then just
put the text in where I want it. Got it.

Problem solved thanks!

dog

#4 AstraNut

Group: Member
Posts: 329
Joined: 15-June 10

Posted 26 July 2012 - 08:43 AM

A shiver ran up my spine when you said "each cell".

Hope you are not using table tags for a layout. Unless you make an image map that has the text on it, which is a lot easier since there are many free online image map makers, you'll have to use the image as a background so the text can be coded in a way to have it positioned on top as a link. Good luck.

#5 moondog830

Group: Member
Posts: 393
Joined: 07-June 05

Posted 26 July 2012 - 08:59 AM

let me post this and then give you the link so you can see what I'm talking about. give me a few minutes here.

dog

#6 moondog830

Group: Member
Posts: 393
Joined: 07-June 05

Posted 26 July 2012 - 09:22 AM

Okay ... I see that I will still have a few more questions ... but here is the link

La Grande Armee

The rollover links was what I was talking about previously ... I wanted to keep the 'header' as one image and have the rollover links blank and just put the links in using text in Dreamweaver ... what I've done though is create a 1 row table with 6 cells and created 2 images for each cell to provide the rollover.

dog

#7 AstraNut

Group: Member
Posts: 329
Joined: 15-June 10

Posted 26 July 2012 - 09:39 AM

I get a 404 error for http://www.moondogra...e%20armee.html. File and folder names should not contain whitespace (compound words).

#8 moondog830

Group: Member
Posts: 393
Joined: 07-June 05

Posted 26 July 2012 - 10:53 AM

thump, thump, thump ... the sound of me banging my head on the desk ...

La Grande Armee

try this link

dog

#9 moondog830

Group: Member
Posts: 393
Joined: 07-June 05

Posted 26 July 2012 - 03:31 PM

also, if you notice the bottom cell ... I want to use an image as a background in JUST that cell ... can this be done?

dog

#10 AstraNut

Group: Member
Posts: 329
Joined: 15-June 10

Posted 27 July 2012 - 06:59 AM

moondog830, on 26 July 2012 - 03:31 PM, said:

also, if you notice the bottom cell ... I want to use an image as a background in JUST that cell ... can this be done?

dog

Sure. Just make an id for the cell and set the CSS rules for it. Something like:

#bottomBackground {
width: XXXpx;
height: YYYpx;
margin: 0 auto; /* might be option since cells are used */
background: url(background.jpg) no-repeat center scroll;
}

Something like that.

Placing text on top of an image ... possible? - Geeks to Go Forums