Adding a text layer over a sliced PS image

01/07/2008, 13h14

Having trouble positioning a text layer over a PS sliced image.

The sliced image is positioned relative to the center of the page (so it
appears in the same place regardless of monitor size or resolution, and that's
where I want it).

I can position the layer in Dreamweaver, but when previewed in the browser,
the test layer moves to the left -- apparently being positioned relative to the
left side of the screen.

Is there any way to position a text layer so that it is position relative to
the center of the page (and therefore reliably will appear on top of an image
also positioned relative to the center of the page)?

Any suggestions?

01/07/2008, 13h21

This is a bad approach. Consider what will happen to your careful alignment
if someone resizes their text in their browser. If you must place text over
an image, the best way to do it is to make the image the background of some
container, and then use CSS (margins or padding) to nudge the text into the
desired location location. You will still have the same problem, though.

> I can position the layer in Dreamweaver, but when previewed in the
> browser,
> the test layer moves to the left -- apparently being positioned relative
> to the
> left side of the screen.

That's how absolutely positioned elements work when they are not within some
other positioned element. The zero coordinates default to the <body> tag,
i.e., the upper, left-hand corner of the browser viewport.

> Is there any way to position a text layer so that it is position relative
> to
> the center of the page (and therefore reliably will appear on top of an
> image
> also positioned relative to the center of the page)?

Certainly, but you will have to understand CSS positioning to accomplish it.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"Phyto-Man" <webforumsuser@macromedia.com> wrote in message
news:g4d72q$dab$1@forums.macromedia.com...
> Having trouble positioning a text layer over a PS sliced image.
>
> The sliced image is positioned relative to the center of the page (so it
> appears in the same place regardless of monitor size or resolution, and
> that's
> where I want it).
>
> I can position the layer in Dreamweaver, but when previewed in the
> browser,
> the test layer moves to the left -- apparently being positioned relative
> to the
> left side of the screen.
>
> Is there any way to position a text layer so that it is position relative
> to
> the center of the page (and therefore reliably will appear on top of an
> image
> also positioned relative to the center of the page)?
>
> Any suggestions?
>

01/07/2008, 13h14	#1
Phyto-Man Messages: n/a Hébergeur:	Adding a text layer over a sliced PS image Having trouble positioning a text layer over a PS sliced image. The sliced image is positioned relative to the center of the page (so it appears in the same place regardless of monitor size or resolution, and that's where I want it). I can position the layer in Dreamweaver, but when previewed in the browser, the test layer moves to the left -- apparently being positioned relative to the left side of the screen. Is there any way to position a text layer so that it is position relative to the center of the page (and therefore reliably will appear on top of an image also positioned relative to the center of the page)? Any suggestions?

01/07/2008, 13h21	#2
Murray ACE Messages: n/a Hébergeur:	Re: Adding a text layer over a sliced PS image This is a bad approach. Consider what will happen to your careful alignment if someone resizes their text in their browser. If you must place text over an image, the best way to do it is to make the image the background of some container, and then use CSS (margins or padding) to nudge the text into the desired location location. You will still have the same problem, though. > I can position the layer in Dreamweaver, but when previewed in the > browser, > the test layer moves to the left -- apparently being positioned relative > to the > left side of the screen. That's how absolutely positioned elements work when they are not within some other positioned element. The zero coordinates default to the <body> tag, i.e., the upper, left-hand corner of the browser viewport. > Is there any way to position a text layer so that it is position relative > to > the center of the page (and therefore reliably will appear on top of an > image > also positioned relative to the center of the page)? Certainly, but you will have to understand CSS positioning to accomplish it. -- Murray --- ICQ 71997575 Adobe Community Expert (If you MUST email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "Phyto-Man" <webforumsuser@macromedia.com> wrote in message news:g4d72q$dab$1@forums.macromedia.com... > Having trouble positioning a text layer over a PS sliced image. > > The sliced image is positioned relative to the center of the page (so it > appears in the same place regardless of monitor size or resolution, and > that's > where I want it). > > I can position the layer in Dreamweaver, but when previewed in the > browser, > the test layer moves to the left -- apparently being positioned relative > to the > left side of the screen. > > Is there any way to position a text layer so that it is position relative > to > the center of the page (and therefore reliably will appear on top of an > image > also positioned relative to the center of the page)? > > Any suggestions? >

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email