How do I place a transparent image over specific, centered text?

i'm helping site flows sales copy down center of browser window. want take transparent oval , place on price in copy. (it took marker , circled price.)

 

i had learned ap div solve problem and, extent, does. can place oval right on price. works when copy left justified, not centered. if copy centered, can place oval, if browser window resized, oval stays in place while copy reflowed new browser window size. oval no longer on correct text.

 

then learned layout mode might solve problem, has been removed cs4.

 

so question how take transparent .png file , place on copy on site if browser window resized, .png file stays correct text text "moved" stay in center of brower window?

 

i want avoid workaround of creating .png oval , price , inserting in middle of copy @ appropriate place. there must better way handle this. not being familiar dreamweaver, maybe there's sort of anchor function similar 1 in indesign solves issue.

 

i've attached simple oval .png file we're trying use this.

 

thanks in advance help.

read on style rules! div needs placed relative text elements, e.g. done defining span an id not change look, acts anchor container. it's still not safe assume work - browser might stil lwrap around text in unfavorable positions. unfortunately there's no perfect, easy solution kind of scneario. proper way have javascript measures browser window , places divs absolute coordinates. or lo-fi way - creating graphics text baked in.

 

mylenium

More discussions in Dynamic HTML General Discussion (read only)

adobe