Dreamweaver CS6/Fireworks building animated image

Have a JPEG photo and want to add an animated image to it. When trying to do this in Dreamweaver I am unable to add the GIF to the photo. When I build it in Fireworks, while I can add the gif to the photo, when I export it to dreamweaver It loses the movement. even when I add it in fireworks it loses the mvement. How can I correct this?

I have converted my image to a GIF but Dreamweaver will still not allow adding a GIF animated image to the converted image. It can be added in Fireworks but the animation is lost when exported to Dreamweaver.
The photo image is a Chinese parade dragon which had been saved as a JPG file. I converted the file to a GIF. What I am trying to do is add a moving eyeball GIF to the dragons eye but dreamweaver is not allowing placement of the animated GIF anywhere inside the converted photo image.
Sent from my iPad

Similar Messages

Dreamweaver CS6 PhoneGap build with Camera support for Android Device

I am trying to build a simple app that triggers the camera in my Samsung N7000 device.
I have built the app using Dreamweaver CS6 using the builting phonegap build support.
I am using the Windows version of Dreamweaver CS6.
When the app is built it shows no errors but when the app is installed on the device it does not trigger the camera.
I can not seem to get this very basic app to trigger the camera.
Any suggestions will be very much appreciated.
//=======================================================================
Below is the index.html file i have been using.
    <script src="phonegap.js"></script>
    <script type="text/javascript" charset="utf-8">
        // Called when capture operation is finished
        function captureSuccess(mediaFiles) {
            //var i, len;
            //for (i = 0, len = mediaFiles.length; i < len; i += 1) {
            //    //uploadFile(mediaFiles[i]);
            //navigator.notification.alert('Weee', null, 'Great success!');
        // Called if something bad happens.
        function captureError(error) {
            //var msg = 'An error occurred during capture: ' + error.code;
            //navigator.notification.alert(msg, null, 'Uh oh!');
        // A button will call this function
        function captureImage() {
            // Launch device camera application,
            // allowing user to capture up to 2 images
            navigator.device.capture.captureImage(captureSuccess, captureError, { limit: 2 });
        // Upload files to server
        function uploadFile(mediaFile) {
            var ft = new FileTransfer(),
                path = mediaFile.fullPath,
                name = mediaFile.name;
            ft.upload(path,
                "http://my.domain.com/upload.php",
                function (result) {
                    console.log('Upload success: ' + result.responseCode);
                    console.log(result.bytesSent + ' bytes sent');
                function (error) {
                    console.log('Error uploading file ' + path + ': ' + error.code);
                { fileName: name });
    </script>
    <script type="text/javascript" charset="utf-8">
        var pictureSource;   // picture source
        var destinationType; // sets the format of returned value
        // Wait for Cordova to connect with the device
        function onLoad() { document.addEventListener("deviceready", onDeviceReady, false); }
        // Cordova is ready to be used!
        function onDeviceReady() {
            pictureSource = navigator.camera.PictureSourceType;
            destinationType = navigator.camera.DestinationType;
            alert("device is ready");
        // Called when a photo is successfully retrieved
        function onPhotoDataSuccess(imageData) {
            // Uncomment to view the base64 encoded image data
            // console.log(imageData);
            // Get image handle
            var smallImage = document.getElementById('smallImage');
            // Unhide image elements
            smallImage.style.display = 'block';
            // Show the captured photo
            // The inline CSS rules are used to resize the image
            smallImage.src = "data:image/jpeg;base64," + imageData;
        // Called when a photo is successfully retrieved
        function onPhotoURISuccess(imageURI) {
            // Uncomment to view the image file URI
            // console.log(imageURI);
            // Get image handle
            var largeImage = document.getElementById('largeImage');
            // Unhide image elements
            largeImage.style.display = 'block';
            // Show the captured photo
            // The inline CSS rules are used to resize the image
            largeImage.src = imageURI;
        // A button will call this function
        function capturePhoto() {
            // Take picture using device camera and retrieve image as base64-encoded string
            navigator.camera.getPicture(onPhotoDataSuccess, onFail, {
                quality: 50,
                destinationType: destinationType.DATA_URL
        // A button will call this function
        function capturePhotoEdit() {
            // Take picture using device camera, allow edit, and retrieve image as base64-encoded string
            navigator.camera.getPicture(onPhotoDataSuccess, onFail, {
                quality: 20, allowEdit: true,
                destinationType: destinationType.DATA_URL
        // A button will call this function
        function getPhoto(source) {
            // Retrieve image file location from specified source
            navigator.camera.getPicture(onPhotoURISuccess, onFail, {
                quality: 50,
                destinationType: destinationType.FILE_URI,
                sourceType: source
        // Called if something bad happens.
        function onFail(message) {
            alert('Failed because: ' + message);
    </script>
</head>
<body onLoad="onLoad()">
    <button onclick="capturePhoto();">Capture Photo</button> <br><br>
    <button onclick="capturePhotoEdit();">Capture Editable Photo</button> <br><br>
    <button onclick="getPhoto(pictureSource.PHOTOLIBRARY);">From Photo Library</button><br><br>
    <button onclick="getPhoto(pictureSource.SAVEDPHOTOALBUM);">From Photo Album</button><br><br>
    <img style="display:none;width:60px;height:60px;" id="smallImage" src="" />
    <img style="display:none;" id="largeImage" src="" />
    <br><button onclick="captureImage();">Capture Image</button> <br>
//=======================================================================================
Below is the config.xml file i am using
<?xml version="1.0" encoding="UTF-8" ?>
    <widget xmlns   = "http://www.w3.org/ns/widgets"
        xmlns:gap   = "http://phonegap.com/ns/1.0"
        id          = "com.phonegap.camera_test"
        versionCode = "11"
        version     = "1.1.0" >
<name>bla</name>
<description>
    bla
</description>
<author href="http://bla.github.com"
    email="[email protected]">
    bla
</author>
<icon src="icon.png" gap:role="default" />
<feature name="http://api.phonegap.com/1.0/geolocation"/>
<feature name="http://api.phonegap.com/1.0/network"/>
<feature name="http://api.phonegap.com/1.0/file"/>
<feature name="http://api.phonegap.com/1.0/camera"/>
<feature name="http://api.phonegap.com/1.0/media"/>
<feature name="http://api.phonegap.com/1.0/device"/>
<feature name="http://api.phonegap.com/1.0/notification"/>
<feature name="http://api.phonegap.com/1.0/battery"/>
<preference name="orientation" value="portrait" />
<preference name="webviewbounce" value="false" />
<preference name="prerendered-icon" value="true" />
<preference name="phonegap-version" value="3.1.0" />
<preference name="fullscreen" value="false" />
<preference name="stay-in-webview" value="false" />
<preference name="ios-statusbarstyle" value="default" />
<preference name="android-minSdkVersion" value="7" />
<preference name="android-installLocation" value="internalOnly" />
<preference name="target-device" value="universal" />
<preference name="autohide-splashscreen" value="true" />
<preference name="load-url-timeout" value="60000" />
<preference name="show-splashscreen-spinner" value="true" />
<preference name="show-splash-screen-spinner" value="true" />
<preference name="allow-inline-media-playback" value="false" />
<preference name="launch-mode" value="standard" />
<plugin name="Capture" value="CDVCapture" />
<plugin name="Camera" value="CDVCamera" />
</widget>
//=======================================================================================

This forum is actually about the Cloud, not about using individual programs
Once your program downloads and installs with no errors, you need the program forum
If you start at the Forums Index http://forums.adobe.com/index.jspa
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says ALL FORUMS) to open the drop down list and scroll
http://forums.adobe.com/community/dreamweaver

Dreamweaver cs6 cannot publish background images

i have two pages onto which i downloaded background images. they really make the pages pop and i love the look but for some reason they will not upload and publish. i do not have the same problem with other photographs. go daddy says everything is fine on their end and it is a problem with the scripting on dreamweaver's end. i use dreamweaver cs6.

Ask in the DW forum and provide more exact info, source code and screenshots. Your description is far too vague.
Mylenium

Upload my .APK file onto Google play error, after i build it with dreamweaver cs6

http://tv.adobe.com/watch/cs6-creative-cloud-feature-tour-for-web/using-the-phonegap-build -panel-in-dreamweaver-cs6-to-build-native-applications-for-android-and-ios-devices/
after i done on the video clip above.....
then go to my google developer site to upload the .APK (which is app.apk) file but google says the following :
UPLOAD FAILED
You need to use a different package name because "com.example" is restricted
You upload an APK that was signed in debug mode. You need to sign your APK in release mode.
please help ..

I write about my new tests, I've found this good Google documentation URL : http://developer.android.com/tools/publishing/app-signing.html ;-).
I don't know if this method is more valid or even with my first method, but I downloaded the tools and I followed the method to create a keystore, with no success :
I've created a keystore/ pair of keys, it's Ok :
keytool -genkey -v -keystore certificatAutoSigne-2013.keystore -alias certificatAutoSigne-2013 -keyalg RSA -keysize 2048 -validity 10000
But I don't understand where can I add the Google public key to sign my APK file, because the keystore isn't a text file !
Secondly I've error message with this command line :
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore certificatAutoSigne-2013.keystore MyAPKFile
Obviously an APK file already signed can't be re-signed. I don't know how to creat APK file no signed with ADT, do you know ?

I downloaded a trial of Dreamweaver CS6 CC - Missing Elements

The search bar which should be located at the top right-hand side of page is missing, so are the predefined workspaces such as 'classic' and 'developer'. I have just started hosting & developing and was thinking i would invest in the entire CS6 suite although this has been a bit of an issue. Adobe support chat told me they could only help me once i purchase the suite, although i am not going to do that until I can figure out of this issue can be fixed/how i can get these missing elements. Has anyone experienced the same thing? I am using Windows 8, and in my programs & features it indicates that i am using version 13 of Dreamweaver CS6 CC.
The image shows what I understand dreamweaver SHOULD have. Thanks in advance

The "missing" elements in your screenshot are not missing - They were in CS6, they've been removed in CC.
Dreamweaver CS6 (v.12) and Dreamweaver CC (v.13) are two different versions of Dreamweaver. Seems like you're running CC and thinking it's CS6.
You're comparing the CS6 (v.12) interface with the CC (v.13) interface - and much has changed.
The "missing" elements have been removed by Adobe to streamline the DW CC interface.
CS Live services were discontinued by Adobe in 2012 and early 2013 so the button has been removed in CC.
http://www.adobe.com/products/creativesuite/cslive.html
See more here: http://helpx.adobe.com/dreamweaver/using/dreamweaver-workflow-workspace.html#workspace_lay out_overview

Phonegap setup for dreamweaver cs6 compared to eclipse

Hi, I recently started working with CS6 and I'm trying to setup a phonegap application. I was able to make a basic hello world jquerymobile site and upload it to the phonegap build site and getting it working on my android phone...
I'm new to phonegap... I played around with some examples on phonegap 1.2 using eclipse but now I'm getting back to it and wondering how it works with dreamweaver cs6/phonegap build.
I was following the download and setup from the phonegap website here:
http://docs.phonegap.com/en/1.8.1/guide_getting-started_android_index.md.html#Getting%20St arted%20with%20Android
What steps can I skip over in dreamweaver? Do I need .jar files, or the .js file, or does phonegap build provide that for me? I have all the initial emulators and SDK installed from my eclipse environment, I'm just trying to get an understanding of what DW CS6 phonegap build does to simplify everything?
any how to's from a dreamweaver standpoint would be appreciated.

Great thanks. So just to confirm if your working with eclipse, your typically going and 1
1)      Installing eclipse
2)      downloading android sdk
3)      downloading the adt plugin
4)      downloading cordova
5)      setting up a new project
6)      copy a .js and .jar file to new folders
7)      copy an xml file to new folders
8)      making edits to designated files…
and if your using dreamweaver cs6
1)      (optionally download the sdk, adt plugin)
2)      Setup a new site
3)      Edits the pages to do what they want.
4)      Upload to phonegap build and test?
If so, WOW! I’ve been working with dw since 98 (dreamweaver 2 or 4) and this seems to be one of my all-time favorite features if so!
Thanks
Steve

Running two instances of Dreamweaver CS6

I use Dreamweaver CS6 to build and manage a site with 10 linked sub sites. It was a first cut, and I need to rebuild it from the bottom up. Is there way to run two separate instances of Dreamweaver CS6. so I rebuild my site without running the risk of screwing up my production site? As it sits now I have 10 production sites, 10 development/local sites and I would rather not develop the new site/s on my production instance of Dreamweaver.
Thanks
Russ

It looks like on the mac I can create a new user and run a clean instance of Dreamweaver CS6. This way if I make a stupid mistake, I do not corrupt my production site. Since my production site as 11 sub sites and another copy of the 11 sites for local development, adding the re-write to that mess would have been difficult.
Since the projects are under different users, it is much more difficult to cross pollute the two separate projects.
If I was doing this professionally, I would have a user account for each customer so my viagra pages did not show up on the nun web site or something like that. If I run into any issues, I will update.

Dreamweaver CS6 Hangs Upon Exiting "Manage Sites"

Anytime I edit an existing site or add a new site under "Manage Sites" and click "Done", Dreamweaver will hang with the spinning beach ball for 5-6 minutes. During that time the app is unusable. A pretty bad bug. After the hang time, the app works fine.
Help?

I have the same problem.
Windows 7 x64, 12GB Ram, Dual Xeon 2.66 processors (12 threads)
Dreamweaver CS6 v12 build 5808.
It will freeze for 3-4 minutes and it is unusable. Then it works as normal. Seems to freeze when I open a file, save or switch between files in the app.
I tried to Disable Dreamweaver's Resolve To IP Address feature:
http://helpx.adobe.com/dreamweaver/kb/hang-opening-document-dreamweaver-cs5.html
it did not help.

Having problems getting my fireworks made button to work in Adobe Dreamweaver CS6

Hello, I am currently using a trial version of Adobe CS6 Fireworks and Dreamweaver and I am wondering why my button that I have created with an up, an over and a down state is not working in dreamweaver properly...when I preview my button in Fireworks all is in order and it works fine but when I click copy Fireworks Html of the button, when I paste it into dreamweaver and preview it, dreamweaver doesen't seem to show the over or down states...any help would be much appreciated.

When you created animated buttons in Fireworks and exported/imported them into Dreamweaver CS3, CS5 all worked well.
This is because CS3 and CS5 automatically added the required preload JavaScript to the hed tag of the document.
In CS6, this is not happening!
That is the major reason that your buttons do not work if you are used to doing it the way that we have for years.
As a test, I added the Head tag code that the old versions of CS generated in Dreamweaver and immediately my buttons worked.
It must be a program error in CS6 and I wonder if Adobe will be producing a fix for this?
The Head code is below:
<script type="text/javascript">

</script>

Saving Images in Dreamweaver CS6

I have imported a menu that I created in Fireworks CS6, into dreamweaver cs6, I save to the remote server and you can't see anything.
Same thing with Bridge CS6. I create a slideshow and import into dreamweaver cs6 and still nothing. Or I will simply put a jpeg or png picture file and the image won't show. Please help
I just need to know how to save the different images/menu bars in dreamweaver cs6 to the remote server, and I would like it to show online automatically. What do I do
www.uniquehairytage.com   (this is one of the sites I am talking about)

I can only assume that it's the dodgy code that exports from Fireworks because your images are uploaded and in the correct place.
Can you copy all of the code below and paste it into a new Dreamweaver document (you'll have to open code view to do this) save it as test.html and upload it to your remote server and then look at it in a browser and see what happens?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unique Hairytage</title>
<style type="text/css">
.UNDER {
    color: #FFF;
    font-size: 36px;
.F {
    text-align: center;
.F {
    color: #FFF;
.F {
    font-size: 36px;
.F {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
.F {
    font-family: Georgia, "Times New Roman", Times, serif;
.if {
    font-size: 24px;
.tab {
    font-family: Georgia, "Times New Roman", Times, serif;
.if {
    font-size: 24px;
.tab {
    color: #FFF;
.if {
    text-align: center;
.if {
    text-align: center;
.t {
    font-size: 24px;
.p {
    color: #000;
.t {
    font-size: 24px;
.web {
    font-size: 36px;
.full {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #633;
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body bgcolor="#CCCCCC" onload="MM_preloadImages('BrandyMenu_r2_c1_s2.png','BrandyMenu_r1_c1_s2.jpg','BrandyMenu_ r1_c2_s2.jpg','BrandyMenu_r1_c3_s2.jpg','BrandyMenu_r1_c4_s2.jpg')">
<p class="full"> </p>
<table width="1052" cellpadding="0" cellspacing="0" border="0" bgcolor="#fff" style="margin: 0 auto;">
<tr>
<td>
<p><img src="http://www.uniquehairytage.com/Untitled-2.png" width="1052" height="93" /></p>
</td>
</tr>
<tr>
<td>
Delete this text - its just proping open a table cell
</td>
</tr>
<tr>
<td><table width="420" cellpadding="0" cellspacing="0" border="0" style="margin: 0 auto;">
<tr>
<td><a href="http://www.uniquehairytage.com/home.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c1','','BrandyMenu_r1_c1_s2.jpg',1);"><img name="BrandyMenu_r1_c1" src="http://www.uniquehairytage.com/BrandyMenu_r1_c1.jpg" width="105" height="38" id="BrandyMenu_r1_c1" alt="" /></a></td>
<td><a href="http://www.uniquehairytage.com/about.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c2','','BrandyMenu_r1_c2_s2.jpg',1);"><img name="BrandyMenu_r1_c2" src="http://www.uniquehairytage.com/BrandyMenu_r1_c2.jpg" width="128" height="38" id="BrandyMenu_r1_c2" alt="" /></a></td>
<td><a href="http://www.uniquehairytage.com/gallery.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c3','','BrandyMenu_r1_c3_s2.jpg',1);"><img name="BrandyMenu_r1_c3" src="http://www.uniquehairytage.com/BrandyMenu_r1_c3.jpg" width="150" height="38" id="BrandyMenu_r1_c3" alt="" /></a></td>
<td><a href="http://www.uniquehairytage.com/contact.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c4','','BrandyMenu_r1_c4_s2.jpg',1);"><img name="BrandyMenu_r1_c4" src="http://www.uniquehairytage.com/BrandyMenu_r1_c4.jpg" width="128" height="38" id="BrandyMenu_r1_c4" alt="" /></a></td>
</tr>
</table></td>
</tr>
</table>
<table width="1052" height="217" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td bgcolor="#FFFFFF"><p> </p>
<p> </p>
<p align="center"><span class="full">FULL SERVICE HAIR STYLIST</span></p>
<table width="753" border="0" align="center">
<tr>
<td width="296"><img src="http://i339.photobucket.com/albums/n457/scervantes-01/Brandypic.jpg" width="296" height="481" /></td>
<td width="447" align="center" valign="top"><p class="tab"> </p>
<p> </p>
<p class="tab"> </p>
<p class="t"> </p>
<p align="center" class="t">530-415-5524</p>
<p align="center" class="tab"><a href="mailto:[email protected]" class="t">[email protected]</a></p>
<p class="tab"></p></td>
</tr>
</table></td></tr>
</table>
</body>

Menu bar created in fireworks cs6 doesnt work in dreamweaver cs6

A menu bar that i created in fireworks cs6 doesnt work in dreamweaver cs6 loss of all behaviours etc works in preview in fireworks just seems that the code in dreamweaver doesnt want to play ball...
<div id="FWTableContainer1659288869">
      <table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="762">
        
        <tr>
          
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="150" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="1" height="1" alt="" /></td>
        </tr>
        <tr>
          
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c1','MENU_BARS/Menu_front_r1_c1_s2.gif','ME NU_BARS/Menu_front_r1_c1_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c1','MENU_BARS/Menu_front_r1_c1_s3.gi f',1);"><img name="Menu_front_r1_c1" src="MENU_BARS/Menu_front_r1_c1.gif" width="100" height="30" id="Menu_front_r1_c1" alt="" /></a></td>
          <td><img name="Menu_front_r1_c2" src="MENU_BARS/Menu_front_r1_c2.gif" width="2" height="30" id="Menu_front_r1_c2" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c3','MENU_BARS/Menu_front_r1_c3_s2.gif','ME NU_BARS/Menu_front_r1_c3_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c3','MENU_BARS/Menu_front_r1_c3_s3.gi f',1);"><img name="Menu_front_r1_c3" src="MENU_BARS/Menu_front_r1_c3.gif" width="150" height="30" id="Menu_front_r1_c3" alt="" /></a></td>
          <td><img name="Menu_front_r1_c4" src="MENU_BARS/Menu_front_r1_c4.gif" width="2" height="30" id="Menu_front_r1_c4" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c5','MENU_BARS/Menu_front_r1_c5_s2.gif','ME NU_BARS/Menu_front_r1_c5_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c5','MENU_BARS/Menu_front_r1_c5_s3.gi f',1);"><img name="Menu_front_r1_c5" src="MENU_BARS/Menu_front_r1_c5.gif" width="100" height="30" id="Menu_front_r1_c5" alt="" /></a></td>
          <td><img name="Menu_front_r1_c6" src="MENU_BARS/Menu_front_r1_c6.gif" width="2" height="30" id="Menu_front_r1_c6" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c7','MENU_BARS/Menu_front_r1_c7_s2.gif','ME NU_BARS/Menu_front_r1_c7_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c7','MENU_BARS/Menu_front_r1_c7_s3.gi f',1);"><img name="Menu_front_r1_c7" src="MENU_BARS/Menu_front_r1_c7.gif" width="100" height="30" id="Menu_front_r1_c7" alt="" /></a></td>
          <td><img name="Menu_front_r1_c8" src="MENU_BARS/Menu_front_r1_c8.gif" width="2" height="30" id="Menu_front_r1_c8" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');MM_menuStartTimeout(500);" onmouseover="MM_menuShowMenu('MMMenuContainer0722143726_0', 'MMMenu0722143726_0',50,25,'Menu_front_r1_c9');MM_nbGroup('over','Menu_front_r1_c9','MENU _BARS/Menu_front_r1_c9_s2.gif','MENU_BARS/Menu_front_r1_c9_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c9','MENU_BARS/Menu_front_r1_c9_s3.gi f',1);"><img name="Menu_front_r1_c9" src="MENU_BARS/Menu_front_r1_c9.gif" width="100" height="30" id="Menu_front_r1_c9" alt="" /></a></td>
          <td><img name="Menu_front_r1_c10" src="MENU_BARS/Menu_front_r1_c10.gif" width="2" height="30" id="Menu_front_r1_c10" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c11','MENU_BARS/Menu_front_r1_c11_s2.gif',' MENU_BARS/Menu_front_r1_c11_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c11','MENU_BARS/Menu_front_r1_c11_s3. gif',1);"><img name="Menu_front_r1_c11" src="MENU_BARS/Menu_front_r1_c11.gif" width="100" height="30" id="Menu_front_r1_c11" alt="" /></a></td>
          <td><img name="Menu_front_r1_c12" src="MENU_BARS/Menu_front_r1_c12.gif" width="2" height="30" id="Menu_front_r1_c12" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c13','MENU_BARS/Menu_front_r1_c13_s2.gif',' MENU_BARS/Menu_front_r1_c13_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c13','MENU_BARS/Menu_front_r1_c13_s3. gif',1);"><img name="Menu_front_r1_c13" src="MENU_BARS/Menu_front_r1_c13.gif" width="100" height="30" id="Menu_front_r1_c13" alt="" /></a></td>
          <td><img src="MENU_BARS/spacer.gif" width="1" height="30" alt="" /></td>
        </tr>
        
        
      </table>
      <div id="MMMenuContainer0722143726_0">
        <div id="MMMenu0722143726_0" onmouseout="MM_menuStartTimeout(500);" onmouseover="MM_menuResetTimeout();"> <a href="javascript:;" id="MMMenu0722143726_0_Item_0" class="MMMIFVStyleMMMenu0722143726_0" onmouseover="MM_menuOverMenuItem('MMMenu0722143726_0');"> Links </a> <a href="javascript:;" id="MMMenu0722143726_0_Item_1" class="MMMIVStyleMMMenu0722143726_0" onmouseover="MM_menuOverMenuItem('MMMenu0722143726_0');"> FAQ's </a> </div>
      </div>
    </div>

Thanks Ken,
     I appreciate you looking at this.
Basically im trying to create it on percentage width and centred within the container, if that makes any sense.
Darren
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Chiltern Home Care</title>
<link href="chc_style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}td img {display: block;}td img {display: block;}
body {
    background-image: url(CHC_BACK2.jpg);
    background-size: cover;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
body,td,th {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 100%;
</style>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script language="JavaScript1.2" type="text/javascript" src="MENU_BARS/mm_css_menu.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
</head>
<script language="javascript1.2" type="text/javascript" src=""></script>
<body>
<div class="container">
<div class="banner">
    <div class="menu_bar">
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="#">Services</a></li>
        <li><a href="#">Getting Started</a></li>
        <li><a href="#">Funding</a></li>
        <li><a href="#">Our Carers</a></li>
        <li><a href="#" class="MenuBarItemSubmenu">Links & FAQ's</a>
          <ul>
            <li><a href="#">Links</a></li>
            <li><a href="#">FAQ's</a></li>
          </ul>
        </li>
        <li><a href="#">Work for Us</a></li>
        <li><a href="#">Contact Us</a></li>
      </ul>
    </div>
<div class="care_text">Care for you or your family shouldn't cost the earth.</div>
<div class="logo_text">Chiltern Home Care    </div>
    <div class="call_us"> Contact us to discuss<br />YOUR care needs<br />TEL: ***** ******<br />[email protected] </div>
</div>
<div class="main">
    <div align="center">Content for class "main" Goes Here</div>
</div>
<div class="footer">
    <div class="copyright">Copyright © Chiltern Home Care Limited 2013 All Rights Reserved</div>
    <div class="cqc_logo"></div>
</div>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
CSS
.Main_head {
    height: 81px;
    width: 383px;
    position: absolute;
    left: 590px;
    top: 220px;
    background-color: #64a377;
    border-radius: 20px;
.banner {
    float: left;
    height: 260px;
    width: 100%;
    visibility: visible;
    position: fixed;
    z-index: 1000000;
    background-color: #64a4eb;
    top: 0px;
    left: 0px;
.main {
    float:left
    height: 600px;
    width: 980px;
    height: 1200px;
    position: relative;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    -moz-border-radius-topright: 80px;
    -moz-border-radius-bottomleft: 80px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    top: 285.px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 40px;
    background-color: #64a377;
    top: 390px;
    margin: 0px auto;
.logo {
    float: none;
    height: 150px;
    width: 150px;
    position: absolute;
    z-index: auto;
    top: 6px;
    background-repeat: no-repeat;
    background-position: center;
    visibility: visible;
    left: 1px;
    background-image: url(../../CHILTERN%20HOME%20CARE/MEDIA/CHC_Logo_perfect_Vector.gif);
.logo_text {
    position: absolute;
    width: 80%;
    height: 116px;
    visibility: visible;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 350%;
    text-align: left;
    font-weight: normal;
    color: #FFF;
    text-shadow: 0px 5px #000000;
    left: 15%;
    top: 17px;
    float: left;
.cqc_logo {
    height: 46px;
    width: 120px;
    position: absolute;
    background-repeat: no-repeat;
    background-color: #FFF;
    background-image: url(CQC%20Logo.jpg);
    z-index: 30;
    left: 848px;
    bottom: 11px;
.menu_bar {
    width: 100%;
    height: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: bolder;
    visibility: visible;
    text-align: center;
    left: 1px;
    position: absolute;
    top: 199px;
.h6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 150%;
    font-style: normal;
    color: #FFFFFF;
    position: absolute;
    left: 150px;
    top: 120px;
    width: 637px;
    float: left;
    visibility: visible;
    font-weight: normal;
    text-align: center;
    height: 34px;
.footer {
    height: 70px;
    width: 980px;
    position: relative;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #64a377;
    margin: 0px auto;
.container {
    height: 1900px;
    width: 100%;
    position: absolute;
    left: auto;
    top: 0%;
    right: auto;
.copyright {
    height: 15px;
    width: 814px;
    position: absolute;
    visibility: visible;
    left: 1%;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 100%;
    text-align: left;
    color: #000000;
    font-variant: normal;
    bottom: 3px;
    font-weight: bold;
.main_head_left {
    height: 100px;
    width: 300px;
    position: absolute;
    left: 10px;
    top: 6px;
.main_head_right {
    height: 100px;
    width: 300px;
    position: absolute;
    top: 6px;
    right: 28px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 28px;
    color: #ffffff;
    font-style: normal;
    text-align: center;
    vertical-align: top;
.main_head_middle {
    height: 49px;
    width: 353px;
    position: absolute;
    top: 16px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 36px;
    color: #FFF;
    text-align: justify;
    right: 13px;
.main_top_sm_l {
    height: 207px;
    width: 300px;
    left: 5px;
    top: 5px;
    position: absolute;
    visibility: visible;
    background-color: #990;
    text-align: center;
    vertical-align: middle;
.main_left_full {
    height: 700px;
    width: 400px;
    position: absolute;
    visibility: visible;
    background-color: #C99;
    color: #ffffff;
    font-size: 16px;
    top: 2px;
    left: 10px;
.main_right_full {
    height: 700px;
    width: 400px;
    position: absolute;
    visibility: visible;
    background-color: #C99;
    color: #ffffff;
    font-size: 16px;
    top: 3px;
    right: 28px;
.call_us {
    height: 100px;
    width: auto;
    position: absolute;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 100%;
    text-align: center;
    color: #FFF;
    font-weight: normal;
    background-color: #3488E4;
    border-radius: 20px;
    padding: 0.5%;
    left: 1077px;
    vertical-align: middle;
    text-shadow: none;
    top: 66px;
.main_centre_full {
    background-color: #64a377;
    height: 97%;
    width: 98%;
    position: relative;
    top: 12px;
    margin: auto;
    border-radius: 20px;
.care_text {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 150%;
    color: #FFF;
    height: 32px;
    width: 80%;
    position: absolute;
    left: 8%;
    top: 135px;
    float: left;
    word-wrap: normal;
    text-align: center;
.circle {
    background-color: #FFF;
    height: 300px;
    width: 300px;
    position: absolute;
    left: 1235px;
    top: 272px;
    border-radius: 200px;

How to add an Animated Slideshow created in Photoshop CS6 to an HTML file in Dreamweaver CS6?

What steps do I need to follow to complete this task? I've already completed an animated slideshow in Photoshop CS6, and saved it for the Web, which produced an HTML file and a .GIF. All I need to know now is how to insert the slideshow into my Dreamweaver CS6 HTML file. Your input would be appreciated.
Thanks!

It's usually best if you use Photoshop for images only. The html code generated by graphics apps is not too swift for use on the web.
In DW, insert the animated gif into your HTML page with the Insert panel.
Nancy O.

Dreamweaver cs6 insert fireworks html

Hi,
I made this facebook button on fireworks cs6 as you can see the image on the link:
http://prntscr.com/1w8rm4
so i choose on fireworks to:
1-wen we hover whith the mouse it turns blue.
2-and wen we click it it turns darker grey.
but wen i export it as html to dreamweaver cs6 it doesnt work,
it appears normal but wen we hover over it it doesnt turn blue, wen we click it it also stays the 1 st color,
the only thing it still does is redirect to htto://www.facebook.com
can you tellmehow to do this.
this is how i exported it as you can see on the link of the prtscreen image:
http://prntscr.com/1w8t6u

Here it is the full firefox html document from fireworks export:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>footer_social_icons.png</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script language="JavaScript">

</script>
</head>
<body bgcolor="#ffffff" onLoad="MM_preloadImages('images/footer_social_icons_r1_c1_s2.png','images/footer_social_ icons_r1_c1_s3.png','images/footer_social_icons_r1_c3_s2.png','images/footer_social_icons_ r1_c3_s3.png','images/footer_social_icons_r1_c5_s2.png','images/footer_social_icons_r1_c5_ s3.png','images/footer_social_icons_r1_c7_s2.png','images/footer_social_icons_r1_c7_s3.png ');">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="280">

<tr>
   <td><img src="images/spacer.gif" width="64" height="1" alt=""></td>
   <td><img src="images/spacer.gif" width="8" height="1" alt=""></td>
   <td><img src="images/spacer.gif" width="64" height="1" alt=""></td>
   <td><img src="images/spacer.gif" width="8" height="1" alt=""></td>
   <td><img src="images/spacer.gif" width="64" height="1" alt=""></td>
   <td><img src="images/spacer.gif" width="7" height="1" alt=""></td>
   <td><img src="images/spacer.gif" width="64" height="1" alt=""></td>
   <td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
   <td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
   <td><a href="http://www.facebook.com" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','footer_social_icons_r1_c1','images/footer_social_icons_r1 _c1_s2.png','images/footer_social_icons_r1_c1_s3.png',1);" onClick="MM_nbGroup('down','navbar1','footer_social_icons_r1_c1','images/footer_social_ic ons_r1_c1_s3.png',1);"><img name="footer_social_icons_r1_c1" src="images/footer_social_icons_r1_c1.png" width="64" height="64" alt=""></a></td>
   <td><img name="footer_social_icons_r1_c2" src="images/footer_social_icons_r1_c2.png" width="8" height="64" alt=""></td>
   <td><a href="http://www.twitter.com" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','footer_social_icons_r1_c3','images/footer_social_icons_r1 _c3_s2.png','images/footer_social_icons_r1_c3_s3.png',1);" onClick="MM_nbGroup('down','navbar1','footer_social_icons_r1_c3','images/footer_social_ic ons_r1_c3_s3.png',1);"><img name="footer_social_icons_r1_c3" src="images/footer_social_icons_r1_c3.png" width="64" height="64" alt=""></a></td>
   <td><img name="footer_social_icons_r1_c4" src="images/footer_social_icons_r1_c4.png" width="8" height="64" alt=""></td>
   <td><a href="http://www.linkedin.com" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','footer_social_icons_r1_c5','images/footer_social_icons_r1 _c5_s2.png','images/footer_social_icons_r1_c5_s3.png',1);" onClick="MM_nbGroup('down','navbar1','footer_social_icons_r1_c5','images/footer_social_ic ons_r1_c5_s3.png',1);"><img name="footer_social_icons_r1_c5" src="images/footer_social_icons_r1_c5.png" width="64" height="64" alt=""></a></td>
   <td><img name="footer_social_icons_r1_c6" src="images/footer_social_icons_r1_c6.png" width="7" height="64" alt=""></td>
   <td><a href="javascript:;" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','footer_social_icons_r1_c7','images/footer_social_icons_r1 _c7_s2.png','images/footer_social_icons_r1_c7_s3.png',1);" onClick="MM_nbGroup('down','navbar1','footer_social_icons_r1_c7','images/footer_social_ic ons_r1_c7_s3.png',1);"><img name="footer_social_icons_r1_c7" src="images/footer_social_icons_r1_c7.png" width="64" height="64" alt=""></a></td>
   <td><img name="footer_social_icons_r1_c8" src="images/footer_social_icons_r1_c8.png" width="1" height="64" alt=""></td>
   <td><img src="images/spacer.gif" width="1" height="64" alt=""></td>
</tr>
</table>
</body>
</html>
So do i have to copy the script at the <head> to to my web site to make it work?

Placing an Image in Dreamweaver CS6 and Mavericks

To place an image in a web page, I have always been able to drag the file (say jpeg) from the Macintosh Finder and drop it into the web page. I'm using Dreamweaver CS6 and it worked fine with Lion, but stopped working with Mavericks. Can anyone tell me how to turn this capability back on?

No image is placed. Nothing blows up. And I can't find a preference setting to turn this on. It's a mystery to me why this is happening.
I write software for the Mac (WildTools) so I'm pretty good at debugging things, but this has be stumped.

Are Smart HUD options available in Dreamweaver CS6 Version 12 Build 5861

Have just upgraded to Dreamweaver CS6 and cannot find the Smart HUD options.
Are the Smart HUD options available in Dreamweaver CS6 Version 12.0 Build 5861.

None of the students here can afford CC, its just a shame and reflects poorly on Adobe.
Are they aware that, as students, they can get the entire Cloud (all CC apps) for US$199 for 12 months (or US$19.99/month)?
http://www.adobe.com/products/creativecloud/buying-guide-education.html

Dreamweaver CS6/Fireworks building animated image

Similar Messages

Maybe you are looking for