swf.file

Please post the URL of the page in question so we can take a look. It could very well be that you haven't uploaded all the necessary files or that they have been uploaded into the wrong location.

Abraham

If you are only given the swf file you will not be able to open it and edit it in Flash. You need the fla file. It's kind of like someone giving you a composited jpg image with a bunch of text and over lapping images and wanting you to go back to the original Photoshop doc without the psd.

Abraham

AP stands for absolute positioning.

You can read about absolute positioning here:
http://forums.creativecow.net/faq/adobedreamweaver#46

Another good tip to note is a page element with relative positioning gives you the control to absolutely position children elements inside of it.
Here's a great link for that:
http://css-tricks.com/absolute-positioning-inside-relative-positioning/



Abraham

I would set the background image of a div to the image I wanted to overlay, set the width and height of the div to match the image, put the text you want to overlay the image in the div, set some padding of the div to push the text away from the edge. Code might be something like this:

<style>

.thedivclass{

	background-image: url(imageurl.jpg);

	width:200px;

	height:200px;

	background-repeat:no-repeat;

	padding:10px;

}

</style>



<div class='thedivclass'>

  text here to overlay

</div>

Abraham

You could post the URL of the page you are having trouble with and include a screen shot of what you want it to look like or how it looks in Dreamweaver. It's hard to tell what code is wrong without looking at it.

Abraham

When I click on the link it redirects me to
https://tg8.com/index.dhtml
and I get nothing...

Abraham

Containing Relative Positioned Div:
I would setup a relative positioned div to contain two absolute positioned divs. I would set the width of this div to restrain the text to whatever width might fit the overlay of the image.

Image AP Div:
One absolute positioned div inside of the relative positioned div would have a top and left position of 0,0 to place it in the direct top left corner of the relative positioned div, it would have the image inside of it and have a z-index smaller than that of the other absolute positioned div, this would make it be behind the text div.

Text AP Div:
The other absolute positioned div inside the relative positioned div would have a top and left position of something like 10,10 to place it slightly inside the top left corner of the containing div. Text would then be placed into it and the z-index would be greater than that of the image div, this would make it so that it would be on top of the image.

Here's code and example:

<div style="position:relative; width:300px;">

<div style="position:absolute; left:0px; top:0px; z-index:1;">

<img src="http://www.creativecow.net/docs/wrapper/images/cow_logo_t.png" />

</div>

<div style="position:absolute; left:10px; top:10px; z-index:10;">

<font color="#FF0000">This is text overlaying</font>

</div>

</div>

Abraham

The best way to do rounded corners is have a design with a set with and a no-repeat background image that has rounded corners. I haven't seen this done with a spry drop-down menu but I'm sure it could be done.

Abraham

I would try cleaning the preferences file using the process in this thread:

http://forums.creativecow.net/thread/191/857307#857309



Abraham

hi
i just want to ask if u have tried putting an png overlay to a swf movie under dreamweaver? cause im having so much trouble doing it im having a hard time hope u could help me tnx.

I have put three child DIVs under one DIV. I want the image, AdvHomeBkg.png, to appear underneath the text DIV as well as the transparent area of the image, AdvLogo.png. Right now it appears blank underneath them. How can I make the background image visible? Can you help?
Thanks with regards
Soumyo

In certain versions of Dreamweaver I have noticed this as well. That the word spacing will not actually preview properly while the letter spacing will. Though this is a problem when viewing in preview it should be a problem when you view the finished product or preview it in a browser.

Abraham

Hi,

I had a question regarding the HTML text overlay of an image that you had discussed a few months ago.

I am putting together an email. The email uses an image with text overlay. I have used a code similar to what you originally had suggested.

In general it works but I am having display issues with some email clients.

The image that has the text overlay displays fine in Yahoo and AOL.

However, in Hotmail, Gmail, Outlook, and Lotus Notes, the text displays but not the image.

Can you offer some suggestions as to how to adjust the code so the image will appear in all of these email clients.

I realize email clients react differently to HTML but is there something that can be adjusted that will work for all of them?

I used the background-image:url coding and put the padding parameters using a div style.


Thank you.