Stretched images inside DreamWeaver CS6

Hello. I'm a newbie to this forum. Hope someone can help me out there. Just upgraded from CS3 to CS6 and noticed my images are stretched inside DreamWeaver.

When you select one of these images in DW's Design view, and look at the property inspector, do you see the height/width values in bold type with an array of icons to the right (see image)?
If so, just click on the middle icon to reset the dimensions to the native image size. Somehow during the change to CS6, these images were resized in design view. This will reverse that.

Similar Messages

Trouble with opening images from dreamweaver cs6(64bit) to photoshop cs6(64bit).

Hi guys i need help! I have trouble with opening images from dreamweaver cs6(64bit) to photoshop cs6(64bit). I uninstalled and went to preferences/file types editors to set up ps6 as primary but I still get some error.After i click image in dreamweaver,I get this message-Unable to launch...Please be sure that application exists and that there is enough memory to run it..

Can you Launch Photoshop normally from your desktop shortcuts?
I usually keep DW and PS open at all times so I can switch back & forth.
Nancy O.

How to make slide images with Dreamweaver CS6?

How to make slide images with Dreamweaver CS6? Please teach me.

Hello
in addition to Jon's hint, I'll send you some links to nice sliders (have fun with the different representations ):
http://sandbox.scriptiny.com/javascript-slideshow/
http://jquery.malsup.com/cycle/
http://wowslider.com/best-jquery-slider-crystal-linear-demo.html
http://www.jcoverflip.com/demo
http://www.jacksasylum.eu/ContentFlow/
http://addyosmani.com/blog/jqueryuicoverflow/
You only need to use the source code to implant these shows there where you want. In my eyes it would be the best that you use first a very new and blank DW file to perform (maybe in LiveView) the one or the other.
Hans-Günter

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.

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>

Optimizing images | Learn Dreamweaver CS6 | Adobe TV

In Dreamweaver CS6, Adobe has streamlined the integration between Photoshop and Dreamweaver. Learn how to take images directly from Photoshop to Dreamweaver. Then, see how to optimize the images and edit them in Photoshop using Adobe's round-trip editing feature.
http://adobe.ly/IUFnwT

warlock7,
I tested this out in Dreamweaver CS6, but in all cases the drag-and-drop was functioning properly.
If you create a new document using one of the included layouts (e.g. 3-column liquid) and insert an image in it, are you able to drag it around?

Rollover images in Dreamweaver CS6 show blue frame in Internet Explorer...

Hi
I've created some very simple rollover buttons in Photoshop and placed them into Dreamweaver as rollover images to use as a navigation bar.
They appear correct in all browsers except Internet Explorer - they appear with a blue frame around? The table boarder is set to 0...
My Dreamweaver knowledge is very limited so appologies if there is a very simple solution to my problem :-)
Many thanks for any suggestions.
Kim

Thank you for your help - this works :-)
Sorry about my lack of knowledge :-)
Thanks again!

Center Spry Basic Image Slideshow on the webpage in Dreamweaver Cs6   ?

Hi, I'm working on a Website for a client in Dreamweaver CS6: northstarconservancy.org. How do I center the Spry Basic Image Slideshow on the pages? I've tried a few options and nothing has been effective, anyone? Thanks, Amanda

It would be easier to give you exact instructions if we could see your page. Do you have a link you could share?
In general, place a div on your page and give it the basic css for centering...
#divid {
     width:800px; (you can change the 800 to whatever width your slideshow uses)
     margin:auto;
Then place your slideshow within that div in your html...
<div id="divid"> all your spry slideshow info </div>
As long as you haven't used APDivs, or position:absolute on your site, which you should never do unless absolutely necessary (pun kindof intended), the div that the slideshow resides in will be centered within it's container.

How can I bring back image Align options in Dreamweaver CS6 (CSS not an option)?

Why were the options to align images from the Property bar removed in Dreamweaver CS6? When CSS isn't an option (email, CMSs, etc ), what options are available to better edit the inline HTML code?
For this purpose, is it better to revert to an older version of Dreamweaver?

You can write inline code in any version of Dreamweaver, but you need to hand-code it. Versions later than CS2 or Dreamweaver MX don't really support inline code generation, as the idea for websites was to generate external style sheets.
Here's what I do for emails: I use MailChimp. Their on-line email generators do write good code that is readable in any email application and they also allow the user to subscribe to a text-only email.
If you still have your old copy of Dreamweaver MX or CS-2 that supports in-line code generation, keep using that. It will coexist nicely with Dreamweaver CS6 and you can have both open at the same time. As long as it continues to work correctly on your operating system, you're good to go.
-Mark

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

Can you create an image map hotspot for an external URL in Dreamweaver CS6?

Can you create an image map hotspot for an external URL in Dreamweaver CS6?

Duplicate post: http://forums.adobe.com/thread/1338701?tstart=0

I can't find the image object menu item when trying to add an image placeholder in dreamweaver cs6

I am new to dreamweaver, and am walking through some tutorials. I can't seem to find the image object menu item to place a image placeholder on my page. Any suggestions? Do I have a setting that is currently hiding its visibility? Thanks (I am currently working with dreamweaver cs6)

They removed it in the new Cloud version of DW CS6.
http://blogs.adobe.com/dreamweaver/2012/10/dreamweaver-creative-cloud-update-12-1-faqs.htm l

Dreamweaver CS6- jquery and jquery cycle to have 5 images slide (as a fade) in a banner code failure- help?

Dreamweaver CS6- I am trying to use jquery and jquery cycle to have 5 images slide (as a fade) in a banner. I thought I got the code right but it stacked the images. I suspect I have the incorrect code for the position or I haven't properly added cycle.
my head code:
<title>slider</title>
<script type="text/javascript" src="JS/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="JS/jquery.cycle2.min.js"></script>
<script type="text/javascript">
$('#slider').cycle({
</script>
<style type="text/CSS">
#slider {margin:auto;}
</style>
My div code:
<div id="slider">
<p>
    <img src="Leather web page/DSC_0531_4925.JPG"/>
    <img src="Leather web page/DSC_0035_edited-1.JPG"/>
    <img src="Leather web page/DSC_1593_edited-1.jpg"/>
    <img src="Leather web page/DSC_1595_edited-1.jpg"/>
    <img src="Leather web page/DSC_1821.jpg"/>
    </div>
Any help would be greatly appreciated.

1. You can use a constructor to change the defaults. The default values can be seen in jquery.cycle2.js starting at line 659 as per the following. As you can see at the bottom, the code automatically runs the slideshow(s)
// @see: http://jquery.malsup.com/cycle2/api
$.fn.cycle.defaults = {
    allowWrap:        true,
    autoSelector:     '.cycle-slideshow[data-cycle-auto-init!=false]',
    delay:            0,
    easing:           null,
    fx:              'fade',
    hideNonActive:    true,
    loop:             0,
    manualFx:         undefined,
    manualSpeed:      undefined,
    manualTrump:      true,
    maxZ:             100,
    pauseOnHover:     false,
    reverse:          false,
    slideActiveClass: 'cycle-slide-active',
    slideClass:       'cycle-slide',
    slideCss:         { position: 'absolute', top: 0, left: 0 },
    slides:          '> img',
    speed:            500,
    startingSlide:    0,
    sync:             true,
    timeout:          4000,
    updateView:       0
// automatically find and run slideshows
$(document).ready(function() {
    $( $.fn.cycle.defaults.autoSelector ).cycle();
2. To center the slideshow, merely center the container as in
div.cycle-slideshow {
    width: 1000px;
    margin: auto;

Dreamweaver cs6 images

I have recently started my very first webdesign project using Dreamweaver CS6 (1st time user of Dreamweaver. Awesome by the way) however, the images ive loaded on the site server, don't show on the live site (this only happens on Internet Explorer, Google chrome shows my images just fine and so does firefox). What could i possibly be doing wrong???
This is a XHTML 1.0 Transitional

File > SaveAs > test.html.
Upload your test page & dependant files to your remote site so we can look at it.
Images come in 2 types: CMYK for print and RGB for web. If your images were not optimized for the web, it's possible they aren't web friendly yet and that's why you can't see them in all browsers. Open images in Photoshop. Hit File > Save for Web as optimized jpg. Adjust quality to reduce file size.
Save them to your local site folder. I like to save images to an Images folder in the local site for organization reasons, but that's up to you.
If your site is properly defined in DW, the code for images should look something like this:
<img src="path/image_name.jpg">
If it looks like this, something's wrong with your site definition:
<img srce="file:///username/documents/path/image_name.jpg">
See Creating your First Web Site in DW for details-
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
Nancy O.

Background images in fluid grid layouts Dreamweaver CS6

How can I get a background image png or jpg original size 1040w by 840h to scale down in the tablet and mobile layouts in Dreamweaver CS6 fluid grid layout?

Adding one of these in your CSS should do the trick...
background-size:contain;
or
background-size:cover;
Depending on the layout of your background image, one may work better than the other.

Stretched images inside DreamWeaver CS6

Similar Messages

Maybe you are looking for