Select an Image? Proportional Resize in the Property Inspector?

I'm working in Dreamweaver CS 4 on a Mac. My problem is that I want to resize a jpeg while keeping it's proportions but I can't select it (so that the resize handles appear). When I click on it, I end up selecting the div it's wrapped in (or a div further out in the code). I can select it in the code, but the resize handles still don't appear - just the info in the property inspector shows. So I have two questions:
1. Is there a keyboard shortcut that helps you "drill down" to select the item you're looking for - like in some print layout programs where you can hit a few buttons while clicking on it with the mouse and it keeps giving you lower and lower objects?
2. Is there a way to change size in the property inspector where the proportions remain constant? 
Thanks in advance for your help.
Max

That's a cool trick - only specifying the width - thanks!
(Eventuallly, I would resize the image in PS so it would not require the browswer to do resizing for me).
In answer to your question, pziecina, no - it's not a background image.
One of the images has a z-index specified because I thought that might help, but it didn't.
Here a link to a live page (which is a mess at the moment):
          http://www.mhrbuild.com/rapidstructural.html
and here's the code for the entire page:
<!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>MHR Home Renovation - 18th Century Farmhouse Sample</title>
<link href="mhr.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<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_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];}
function MM_changeProp(objId,x,theProp,theValue) { //v9.0
  var obj = null; with (document){ if (getElementById)
  obj = getElementById(objId); }
  if (obj){
    if (theValue == true || theValue == false)
      eval("obj.style."+theProp+"="+theValue);
    else eval("obj.style."+theProp+"='"+theValue+"'");
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;
//-->
</script>
<style type="text/css">
<!--
.spongy {
    float: left;
    margin-right: 15px;
inset shot{
    position:relative;
    left:0px;
    top:0px;
    width:376px;
    height:166px;
    z-index:1;
-->
</style>
</head>
<body class="oneColLiqCtr" onload="MM_preloadImages('images/18th Century House/fireplace/045.jpg','images/18th Century House/fireplace/DSCN2242.jpg','images/18th Century House/dining room/042.jpg','images/18th Century House/dining room/042.jpg','images/18h Century House/fireplace/045.jpg')">
<div id="container">
<div class="hometopleft"><span class="logo"><img src="images/mhr_wLoveLogo.gif" alt="MHR Logo" width="191" height="141" id="Image1" /></span></div>
<div class="hometopright"><img src="images/MHRhead.jpg" width="475" height="149" alt="MHR - Building, Remodeling, Repairs and Restorative Cleaning" />
  <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="index.html">Home</a></li>
      <li><a href="services.html">Services</a></li>
      <li><a href="sampleIndex.html">Samples</a></li>
      <li><a href="contact.html">Contact Us</a></li>
    </ul>
</div>
<div class="contactbar">Phone 413-717-0003 • P.O. Box 1915, Lenox, MA 01240-4915 • [email protected]</div>
<div class="sampleGallery" id="edy">
  <h1><span>PROJECT SAMPLES</span></h1>
<h2>Rapid Structural Repair</h2>
  <h3>Repair of Structural Damage in the Bathroom of Tennant Occupied Unit</h3>
  <div class="jobdescrip" id="edyjob">
    <div class="spongy"><img src="images/rapidrepair/638_512x384.jpg" width="384" height="512" alt="Spongy Bathroom Floor" /></div>
MHR was asked to fix a “spongy” area of the floor by the bathtub in a tenant-occupied, rental apartment.
    <p>Once opened, it became clear that the spongyness was a symptom of structural damage done during installation of original plumbing. Sections of load bearing joists had been removed to make room for plumbing, leaving the floor system with critical structural deficiencies.
      Sponginess was caused by the separation in the toilet waste flange during flushing. </p>
    <p> Structure had to be reengineered but replacing the floor joists entirely would have been prohibitively expensive and time consuming. Instead, MHR shouldered the broken part of floor from the apartment beneath and then added posts in the basement which carried the load all the way down to the basement concrete slab. <strong>This re-enginneared design provided a level of structural integrity that exceeded building code requirements and was far less expensive than any alternative approach.</strong></p>
    <div id="apDiv1">
      <div class="spongy" id="level"><img src="images/rapidrepair/653.jpg" width="253" height="160" alt="Level Shows Slant of Floor Before Repair" /></div>
    A carpenter's <br />
    level showing <br />
    the extreme tilt <br />
    of the floor <br />
    caused by the structural damage. </div
  ></div>
  <div class="spacer"></div>
  <div class="beforeduringafter" id="family">
    <h2>FIREPLACE MANTLE</h2>
    <div class="befafterbuttons" id="family_bda">
      <div class="befafterinside" id="during" onclick="MM_swapImage('finished','','images/18th Century House/fireplace/045.jpg',1)" onmouseover="MM_changeProp('during','','backgroundColor','#008','DIV');MM_changeProp('dur ing','','color','#FFF','DIV')" onmouseout="MM_changeProp('during','','backgroundColor','#D5DFFF','DIV');MM_changeProp('d uring','','color','#000000','DIV')">During CONSTRUCTION</div>
      <div class="befafterinside" id="detail" onclick="MM_swapImage('finished','','images/18th Century House/fireplace/DSCN2242.jpg',1)" onmouseover="MM_changeProp('detail','','backgroundColor','#008','DIV');MM_changeProp('det ail','','color','#FFF','DIV')" onmouseout="MM_changeProp('detail','','backgroundColor','#D5DFFF','DIV');MM_changeProp('d etail','','color','#000000','DIV')">DETAIL VIEW (close up)</div></div>
  </div>
  <div class="spacer"></div>
  <div class="beforeduringafter" id="window">
    <h2>VIEW OF DAMAGE FROM THE DOWNSTAIRS APARTMENT</h2>
    <p> </p>
  </div>
  <div class="spacer"></div>
<div class="beforeduringafter" id="dining">
    <h2>DINING ROOM</h2>
    <div class="before" id="diningrm"><img src="images/18th Century House/dining room/009.jpg" alt="18centDin" name="18centDin" width="512" height="384" /></div>
    <div class="befafterbuttons" id="dining">
      <div class="befafterinside" id="dinduring" onclick="MM_swapImage('18centDin','','images/18th Century House/dining room/042.jpg',1)" onmouseover="MM_changeProp('dinduring','','backgroundColor','#008','DIV');MM_changeProp(' dinduring','','color','#FFF','DIV')" onmouseout="MM_changeProp('dinduring','','backgroundColor','#D5DFFF','DIV');MM_changeProp ('dinduring','','color','#000000','DIV')">DURING CONSTRUCTION</div>
       <div class="befafterinside" id="dinafter" onclick="MM_swapImage('18centDin','','images/18th Century House/dining room/009.jpg',1)" onmouseover="MM_changeProp('dinafter','','backgroundColor','#008','DIV');MM_changeProp('d inafter','','color','#FFF','DIV')" onmouseout="MM_changeProp('dinafter','','backgroundColor','#DFDFFF','DIV');MM_changeProp( 'dinafter','','color','#000000','DIV')">AFTER CONSTRUCTION</div>
    </div>
  </div> 
</div>
<!-- end #container --></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>

Similar Messages

  • Copying and pasting adjustments.  When I copy the adjustments of an image, I thought I could then select several images and batch paste the adjustments to all selected images. But instead it's only pasting to the first photo of the selection. What am I do

    Copying and pasting adjustments.  When I copy the adjustments of an image, I thought I could then select several images and batch paste the adjustments to all selected images. But instead it's only pasting to the first photo of the selected. What am I doing wrong?

    Copy and Paste develop settings in Develop mode on multiple photos on the film strip works for me, even with Auto-Sync turned off.  Lr5.6 OSx 10.8.5

  • I have an Adobe Flash Professionals digital classroom book for CS6 and was following all steps easily until it ask me to select the text tool and change it from classic to tfl in the property inspector. I looked and all that drops down is dynamic, static,

    I have an Adobe Flash Professionals digital classroom book and was following all steps easily until it ask me to select the text tool and change it from classic to tfl in the property inspector. I looked and all that drops down is dynamic, static, and input. Where is the TFL and Classic ? I watched adobe learning center but he was using CS5. Can anyone please help?

    Hi,
    Do you use Flash CS6 to follow the instructions in the classroom book? If yes, then you can find it under text drop down for an AS3 Document as shown below
    If you follow the instruction in Flash CC or Flash CC2014 then you will not find this option as this is deprecated.
    Thanks!
    Mohan

  • How do I change the image used on an movie project icon? iMovie seems to select an image at random from the images I imported.

    How do I change the image used on an movie project icon?
    iMovie seems to select an image at random from the images I imported.

    Not sure I understand how to use what you have posted. Here's what my init() looks like:
    public void init()
    setLayout(new BorderLayout());
    p=new Panel();
    p.setLayout(new GridLayout(1,1));
    callnowButtonURL = getURL(callnowButtonFilename);
    if (callnowButtonURL != null)
    callIcon = new ImageIcon(callnowButtonURL,"call");
    endcallButtonURL = getURL(endcallButtonFilename);
    if (endcallButtonURL != null)
    endIcon = new ImageIcon(endcallButtonURL);
    b=new JButton(callIcon);
    b.setBorder(new EmptyBorder(0,0,0,0));
    b.setBorderPainted(false);
    b.addActionListener(this);
    p.add(b);
    add(p,"Center");
    Now the ActionListener is basically:
    public void actionPerformed(ActionEvent e)
    if (mybool == false)
    <Perform actions here set mybool to true>
    Change JButton b to use EndIcon
    else
    <Perform actions here set mybool to false>
    Change JButton b to use CallIcon
    Can you clarify how to perform the action I require? You can have a couple of Dukes if you can help me sort this out.

  • Adding a custom field to the property inspector in JDev 10.1.3

    Hello All
    I have a requirement where i have to add some custom entries to the property inspector.Say if we choose a text field in html there will be some standard values in property inspector.Now i want to add my own custom entry always on selection of text field.
    Or i am developing a custom editor and i always want property inspector to display some values on certain selections.
    I already went through the code samples provided for jdev 10.1.3 but i couldnt find one for property inspcetor.I also went through the oracle.ide.* packages.Could someone provide me a class or method from where i can start ???
    Thanks in advance !!!

    I was able to find the ide.jar file which contains all the necessary oracle.ide.* class files.
    I had another query....basically there are 2 kinds of packages of the form javax.ide.* and oracle.ide.*
    So suppose im faced with the situation of say adding menu items and defining actions on them then i guess it can be done in 2 ways using classes in javax.ide or oracle.ide.Can you elaborate how i should choose between these 2 packages.
    Is it if im using the <jdeveloper-hook> i shud use oracle.ide.* and the regular jsr 198 schema then the javax.ide.*
    Kindly clarify !!!! Thanks in advance

  • Problem when I click the "browse to file" icon in the property inspector

    Please somebody help me. I am having a problem with Dreamweaver. When ever I click on the "browse to file" icon in the property inspector, it opens up a full size window on top of the Dreamweaver screen that can't be resize. This problem just started. I have shut down my entire system and restarted it and I am still having the problem. Can someone please help me. Thank-you

    When irregular things begin to happen in DW, it's usually caused by a corrupted cache file.  Below you'll find details on how to delete it.
    http://forums.adobe.com/thread/494811
    Nancy O.

  • Align list arrow in the Property inspector

    Hello, everyone. I am taking a WEB Design class online, and have a problem figuring out something in Dreamweaver. I need to align an image, but I can't get access to the Align list arrow in the Property inspector. I clicked on the image, but for some reason the Align list arrow still doesn't appear. I even made sure to click the expander arrow in the lower right corner of the Property inspector.
    Does anyone know why the Align list arrow isn't appearing for me, and does anyone know how I can get it to appear? I would really appreciate some help, because this assignment is due in a couple of days. Thanks in advance!

    Hi,
    Sorry but I have no idea what you mean by "Align list arrow."
    Which properties panel are you working with -- HTML, CSS?
    What exactly are you trying to do?
    Which elements are you working with -- i.e. paragraphs, unordered lists, ordered lists, etc...?
    For best answers here, please include the  HTML & CSS code you have so far (a link to your page is preferred).  A second option is to copy and paste code directly into the web forum post.
    Nancy O.

  • How can I change the color of the font with the Property Inspector?

    In Dreamweaver CS6, can one change the font color with the property inspector?  How?
    I don't know if I will automatically be notified when someone responds, and I don't want to be running back to this site every day to check.  So if you have an answer for me, would you be kind enough to email me at [email protected]?  Many thanks.

    mike agranoff wrote:
    A font color button was available in a previous version of Dreamweaver I had been using.  But that version was incompatible with Windows 7, which is what my newer machine uses. 
    "Upgrade" and "improvement" are rarely synonymous.
    Mike Agranoff
    There is still a font color button in DW. In the Properties window, click the CSS button in the lower left when you have text selected. There is a little gray square with a tiny black arrow in the corner for font colors. It still uses css, but will muddy up your text with inline styles which isn't generally the best way to do things.
    One of the biggest advantages to using css is the ability to put all of your styles in one external .css file. That allows you to make a single change, to a color setting for instance, and have that change affect your entire site (everything you put a given css class on). As it stands, using the old html font-color attribute, or inline css forces you to go through the code with a fine tooth comb and change each individual setting.
    CSS is a massive upgrade and improvement over the old method.
    I would definitely suggest getting familiar with css, it really is required for any kind of modern website and ends up making your life much much easier while using the CSS Designer window in DW (which is where a lot of this stuff takes place now in a Design View development approach)...
    http://w3schools.com/css is a good place to start.

  • The Property Inspector is missing the V Space and H Space fields in DW6 - where did they go?

    I just downloaded DW6.  The Property Inspector is missing the V Space and H Space fields, therefore I am unable to add space around my images.  Suggestions?

    It is no longer available because the problem with that was that it applied spaces around the image rather than where the user actually wanted them.  You now need to use CSS and apply margins and paddings and target exactly where you want them by using something like this:
    img {
        margin-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
    img {
         border: 0;
         padding: 0;
    The second style is generic to set margin and padding for all four sides.
    Good luck.

  • Not able to change values in the Property Inspector

    Hello!
    Can some one please help me with this. I was working in
    Director when I noticed that all of a sudden I wasn't able to
    change the values in the property inspector, specifially the sprite
    properties such as the x and y coordinates and the width and
    height. I'll type in a value and then I will get an error sound and
    it will revert to the previous value. How can I fix this??
    Thanks!

    Hi Ringerz,
    I've seen the PI lock up sometimes. What usually works is to
    switch to List Viw
    Mode. Never have trouble there. Then, close Director and
    reopen. Think it's jus a
    bug that hasn't been fixed yet.
    regards
    Dean
    Director Lecturer / Consultant / Director Enthusiast
    http://www.fbe.unsw.edu.au/learning/director
    http://www.multimediacreative.com.au
    email: [email protected]

  • Font drop-down menu in the Property Inspector

    Hello,
    I am having an issue with the drop-down menu in the Property
    inspector panel that I can't figure out.
    I searched the forum and found 1 related topic, but it
    doesn't answer the question that I have.
    I am currently reading a book on Dreamweaver. In the lesson
    that I have it says to choose the size 24 from the drop-down menu
    in the Properties panel, but there isn't a size 24. All I see is 1
    to 7, +1 to +7 and -1 to -7.
    In the topic that I found in the forum is a picture of two
    different views of the font sizes:
    http://www.buddhapada.com/tests/roger.jpg
    How do you change which way Dreamweaver displays this list?
    I am currently using version CS3 for Windows on Vista.
    Any help, greatly appreciated,
    Cathy

    PREFERENCES | General > Use CSS instead of HTML Tags.
    Now look at the Size field in the Property inspector.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Tebbett" <[email protected]> wrote in
    message
    news:fai6pp$rdp$[email protected]..
    > Hello,
    >
    > I am having an issue with the drop-down menu in the
    Property inspector
    > panel
    > that I can't figure out.
    > I searched the forum and found 1 related topic, but it
    doesn't answer the
    > question that I have.
    >
    > I am currently reading a book on Dreamweaver. In the
    lesson that I have it
    > says to choose the size 24 from the drop-down menu in
    the Properties
    > panel, but
    > there isn't a size 24. All I see is 1 to 7, +1 to +7 and
    -1 to -7.
    >
    > In the topic that I found in the forum is a picture of
    two different views
    > of
    > the font sizes:
    http://www.buddhapada.com/tests/roger.jpg
    > How do you change which way Dreamweaver displays this
    list?
    >
    > I am currently using version CS3 for Windows on Vista.
    >
    > Any help, greatly appreciated,
    > Cathy
    >

  • Getting the Property Inspector Window Back

    I am running ver 9.0.3-2 of JDeveloper running under Linux and have lost the Property Inspector window. How do I get it back

    make sure to have it checked marked in the view menu option.

  • LibreOffice Writer - problem with images proportional resizing

    Hi,
    Looks like in LibreOffice Writer I can't anymore resize images proportionally using MAJ+click/drag. Anyone has the same issue ? I don't know if this started with the last update. Note that I can resize proportionally in Libreoffice's Impress.
    Last edited by kero (2015-03-15 09:53:34)

    Up.
    Nobody on this ?

  • Dreamweaver Help | Set text properties in the Property inspector

    This question was posted in response to the following article: http://helpx.adobe.com/dreamweaver/using/set-text-properties-property-inspector.html

    The note at the bottom of the first section (About formatting text (CSS versus HTML)) says -
    "You can combine CSS and HTML 3.2 formatting within the same page. Formatting is applied in a hierarchical manner: HTML 3.2 formatting overrides formatting applied by external CSS style sheets, and CSS embedded in a document overrides external CSS."
    Please be aware that embedded CSS will ONLY override external CSS if the external CSS link is closer to the  tag than the embedded CSS (i.e., it comes earlier in the flow of the document).  If the embedded CSS comes first in the flow of the document, it will be overridden by the external CSS instead.

  • Where is the page title field and the property inspector? [subject edited by moderator]

    Why do I not have the title window in the tool bar, and why do i not have the inspection panel at the bottom of my window

Maybe you are looking for

  • In javascript how to invoke save as dialog box ,which saves .pdf files only

    Through javascript i generated a save as dialog box. the main problem is , it is only saving .html and .doc files by default. how to restrict it to save only .pdf files. the code i used is function SaveFile(fname) document.execCommand('SaveAs', null,

  • Java Concurrent Program - connecting to MS SQL Server

    Hi, I hope this is correct forum to post this question. I am writing a JCP which will connect to a MS SQL Server DB, pull data from a table and populate this data into a custome table in EBS (R12.1.1) database. But I am facing some issues. When I run

  • Single Order, quantity is one, want to bill for 5 times

    hi I have Sales Order with quantity 1 and value say 10 Lakh. I want to bill the Order in 5 invoices each 2 lakh for ease of payment for customer. As quantity in OR is 1, how can this be configured help required. Regards Madhav

  • Issues with instaling Weblogic.server

    Dear all, while installing Weblogic i got stucked where I had to create a new WLS domain and start WLS. I created domain outside the MW_HOME (I use Windows) and I typed %JAVA_HOME%\bin\java.exe %JAVA_OPTIONS% -Xmx1024m -XX:MaxPermSize=128m weblogic.S

  • Performing KeyEvent on a Swing Component

    How do I perform a KeyEvent (e.g. 'ENTER or '\n' on a swing component? or Mnemonice such as Alt-M to select a specific Menu option?