Text over graphic

How can place text over graphics in DW, i.e. let say I want to place the word
info over a button. That way SE can also pick it up (if a keyword).

I don't want to do this using Fireworks first.

TY

you can use background images and have text over them.

dreamdust wrote:

How can place text over graphics in DW, i.e. let say I want to place the word
info over a button. That way SE can also pick it up (if a keyword).

I don't want to do this using Fireworks first.

TY

yes I know, but how?

I'll explain the CSS way.
I can't cover all details, so you should read the help files or read CSS
tutorials in you miss something. It's fairly simple if you follow the steps.

With your page open, Open CSS panel. Select "new" from top-right
drop-down options.
Create new style in external style sheet. Select the "Class" selector
type. Call your styleSheet "myStyles" (for example).
call your style ".imagebg" (for example).
OK.
In style edit dialog window that opens, select "background".
In background box, browse to your image.
You can set it to repeat or no repeat or other options... options are
all in the same pnael.

Then click OK.
Then back to your page.
In CSS panel go "attach style sheet". Select LINK to style sheet.
Browse to the style sheet you just created.
OK.

Then select the cell you want to have your image background. This cell
selected, look in CSS panel: select .imagebg in "myStyles", and then
"Apply" from the top right drop-down options of the panel.


dreamdust wrote:

yes I know, but how?

Thanks, I'll try this.

I see how it works, but that was the easy part!
Aligning the text where I want it is the stumper.

Also, if I have several buttons as in a nav bar,
I would have to create a css for each one, which
is not too bad, but then when the css is applied,
the image size is reduced.

I found creating a layer also displays the text in
indefinte browser areas.

On 7/18/04 12:49 AM, in article cdd321$2gp$1 (AT) forums (DOT) macromedia.com,
"dreamdust" <webforumsuser (AT) macromedia (DOT) com> wrote:

I see how it works, but that was the easy part!
Aligning the text where I want it is the stumper.

Also, if I have several buttons as in a nav bar,
I would have to create a css for each one, which
is not too bad, but then when the css is applied,
the image size is reduced.

I found creating a layer also displays the text in
indefinte browser areas.

1) To keep your text lined up in the right place over the image, either use
"absolute" positioning for both image and text layers or place the text
layer inside the image layer, where you can make the text layer positioning,
relative.

<DIV>(absolute positioned image stuff...)</DIV>
<DIV>(absolute positioned text stuff...)</DIV>

--- OR ---

<DIV>(absolute, relative or static image stuff...)
<DIV>(relative positioned text stuff...)
</DIV>
</DIV>

1) To have different size buttons, remove the the height and width values in
the text (button) layer definition and size each text area as you create it.

John Gaver
Action America
(forget everything to contact me direct)

Microsoft: (n) Job security for IT consultants.

I'm not sure what you're talking about.
Why is it hard to align the text?...
Why is the image size reduced?...
You're creating layers?...

It's very hard to tell what you're trying to do at this point.
If you could upload the page and give the URL, that would help...

dreamdust wrote:

I see how it works, but that was the easy part!
Aligning the text where I want it is the stumper.

Also, if I have several buttons as in a nav bar,
I would have to create a css for each one, which
is not too bad, but then when the css is applied,
the image size is reduced.

I found creating a layer also displays the text in
indefinte browser areas.

Thanks, I'll try this too.

I was trying to place text links over images (buttons).
I tried the CSS method you suggested like this:

There are four buttons in horizontal alignment. I removed first button and
placed text in cell so it would appear on top of button when button I placed
via CSS, however, the buttons size changed and the text was nowhere near the
button center.

Then I tried working with a layer, but that was unrelated to the CSS test.

Sory for the confusion.

\Originally posted by: Newsgroup User
I'm not sure what you're talking about.
Why is it hard to align the text?...
Why is the image size reduced?...
You're creating layers?...

It's very hard to tell what you're trying to do at this point.
If you could upload the page and give the URL, that would help...

dreamdust wrote:

I see how it works, but that was the easy part!
Aligning the text where I want it is the stumper.

Also, if I have several buttons as in a nav bar,
I would have to create a css for each one, which
is not too bad, but then when the css is applied,
the image size is reduced.

I found creating a layer also displays the text in
indefinte browser areas.