Edit Hotspots - Dreamweaver 8

http://http://forums.adobe.com/message/276856#276856
All:
Apologies in advance, (I really do try to not ask repetative questions), but since it looks like webkazoo's question from 2006 never got answered I'll try again.  (The original question is linked above.)
I'm seeing the same behavior with a little twist...
1stly: Dreamweaver 8
When I attempt to select one of the existing hotspots, the parent image is instead selected and highlighted a grainy blue-gray and the <img> tag is higlighted in the code view.
If I then try to again click on the hotspot in the higlighted image in the designer, the hotspot is not selected and in this case the design view jumps to the bottom of the page (however in this case the image is a side "banner" so the "jump" might simply be a sort of "justification" for the image in the designer).
But...  I click and hold the hotspot (without) relasing I can at least move it.
Two questions...
1. Has anyone seen this behavior before and can the help explain it? <and>
2. In the past I have used the arrow keys to resize the hotspot, however it is not working.  Could i have chaged a preference I did not understand?
Ok that's actually 3 questions, but hopefully you feel generous.
Thanks in advance for all input!!

Nancy:
VERY Intuitive suggestion!!!  Unfortunately not quite the solution.
Here's what happened...
You were indeed correct, the original design (not my own by the way) did position the banners in the <div></div> tags.  Presumably to help apply a "template" type formatting for layout consistency in the site.
After reviewing your post and links I reapplied the banners in the existing tables to allow "relative" poisitioning.
Althought that did not fix the selection issue i was having with the image, map and hotspots; it actually DID fix a bug i had noticed in firefox browsers.
The <div> tag would not allow firefox to position the page elements as intended and the correction you suggested resolved that.
THANK YOU!!!!
The good news is that once i had that finished i also stumbled on the fix for the hotspot selection and resize issue.
The original image tag for the map was written as such...
<img src="Includes/Images/ButtonsNBanners/bnrPrimarySide.png" alt="ImageName" width="191" height="950" border="0" usemap="#Map" align="left">
...if i remove the align="left" property, I can accurately select the image or hotspot in designer AND likewise resize using the keyboard and arrow keys as i had earlier...
So...
1st:  Thanks again for the pointer on <div>, it really helped!!
<and>
...any ideas about why the align="left" property would have this sort of impact on the Dreamweaver designer?
Continued thanks for all input!!!

Similar Messages

  • Edit in Dreamweaver

    Apologies if this appeared twice -- it never showed up in my
    NG reader...
    I have forgotten the backward contortion that needs to be
    made in order to
    place an Edit in Dreamweaver button on the IE7 interface. Can
    someone point
    me to the double-secret probation instructions that can make
    that happen?
    I'm at 8.0.2. Thx...
    Rick A.
    Pleasanton CA

    Mark A. Boyd posted in macromedia.dreamweaver
    > Rick Altman posted in macromedia.dreamweaver
    >
    >> I have forgotten the backward contortion that needs
    to be made in
    >> order to place an Edit in Dreamweaver button on the
    IE7
    >> interface. Can someone point me to the double-secret
    probation
    >> instructions that can make that happen? I'm at
    8.0.2. Thx...
    >
    > Which OS? If XP, here is how I did it:
    [snip]
    > If one of the Vista flavors, then I didn't find it as
    easily. Did
    > you search the Web for a solution?
    I figured it out (tested with CS3 on Vista Premium).
    [DO NOT DO THIS UNLESS YOU'RE COMFORTABLE EDITING THE WINDOWS
    REGISTRY]
    [REQUIRES ADMINISTRATOR ACCESS]
    Open the registry.
    (Back it up!!!)
    Navigate to
    HKEY_CLASSES_ROOT\Applications\dreamweaver.exe\shell
    Choose Edit->New->Key and type edit
    With edit highlighted, choose Edit->New->Key and type
    command
    With command selected, you should see (Default) on the right
    side.
    Copy the path from the shell\open\(Default) value and paste
    it into the
    shell\edit\(Default) value
    Open IE7.
    Select Tools->Internet Options and click on the Programs
    tab.
    You should now be able to select DW for the HTML editor.
    Mark A. Boyd
    Keep-On-Learnin' :)

  • I need some FREE website templates that i can edit in dreamweaver.. help!!!

    i need some FREE website templates that i can edit in dreamweaver.. help!!! anyone know where i can find good ones?

    By Template, are you looking for DW Template.dwt files?
    Dreamweaver templates: Customizable starter designs for beginners | Adobe Developer Connection
    Or pre-built CSS & HTML Layouts (starter pages)?
    For starter pages in DW, go to File > New > Blank page > HTML.
    Select a layout from the 3rd panel and hit Create button.
    Or, look at Project Seven's commercial CSS Layouts and Page packs (not free, but well worth the investment if you want a good final product).
    http://www.projectseven.com/
    Or do you want Responsive Layouts that work in mobile, tablet and desktop?
    Foundation Zurb
    http://foundation.zurb.com/templates.php
    Skeleton Boilerplate
    http://www.getskeleton.com/
    Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
    http://www.initializr.com/
    DMX Zone's Bootstrap FREE extension for DW
    http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
    Nancy O.

  • Register my teacher's edition of dreamweaver cs6

    how to register my teacher's edition of dreamweaver cs6?

    Hi
    Your teacher will have been provided with the registration code. It will also probably be an education version of Dreamweaver which will also mean it is a none commercial code.
    As your teacher to contact Adobe customer support.
    PZ

  • Flash CS3 quitting on editing from Dreamweaver

    > This message is in MIME format. Since your mail reader
    does not understand
    this format, some or all of this message may not be legible.
    --B_3265632891_1555756
    Content-type: text/plain;
    charset="ISO-8859-1"
    Content-transfer-encoding: 8bit
    Hi
    When I edit a Flash CS3 document from Dreamweaver CS 3 on a
    Mac it jumps
    into Flash as normal. When I do the changes and click
    ŒDone¹ it jumps back
    to Dreamweaver as it should do but then Flash quits. (a
    normal quit and not
    a crash by the way)
    Is there a way of stopping Flash from quitting after doing a
    change as
    restarting the app every time to do another change is
    annoying.
    Thanks
    Gaz
    --B_3265632891_1555756
    Content-type: text/html;
    charset="ISO-8859-1"
    Content-transfer-encoding: quoted-printable
    <HTML>
    <HEAD>
    <TITLE>Flash CS3 quitting on editing from
    Dreamweaver</TITLE>
    </HEAD>
    <BODY>
    <FONT FACE=3D"Verdana, Helvetica, Arial"><SPAN
    STYLE=3D'font-size:12.0px'>Hi<BR=
    >
    When I edit a Flash CS3 document from Dreamweaver CS 3 on a
    Mac it jumps in=
    to Flash as normal. When I do the changes and click
    &#8216;Done&#8217; it ju=
    mps back to Dreamweaver as it should do but then Flash quits.
    (a normal quit=
    and not a crash by the way)<BR>
    <BR>
    Is there a way of stopping Flash from quitting after doing a
    change as rest=
    arting the app every time to do another change is
    annoying.<BR>
    <BR>
    Thanks<BR>
    Gaz</SPAN></FONT>
    </BODY>
    </HTML>
    --B_3265632891_1555756--

    OK, I have wiped the larger drive and done a complete reinstall of OSX (and updates) and reinstalled all applications on it, so I now have:
    Main Drive (OS and apps.): 465GB, with 430GB of free space
    2nd Drive (scratch disk): 149GB, with 66GB of free space
    RAM (I've added 2 more GBs): 5GB
    But the problem with Flash pausing when I go back to it from another application is exactly as it was before I upgraded anything.
    Is it possible this is a Finder problem? - as I also have a problem bringing up Finder by clicking on the desktop background if I am in another application - it just won't work, and I am forced to select Finder from the dock.
    Thanks.

  • Where do I get my serial number for the free edu edition of dreamweaver

    where do I get my serial number for the free edu edition of dreamweaver?

    I've never heard of Adobe offering a "free educational version" of DW.
    They do offer a free 30 day trial or you can purchase a reduced price education subscription (of the full CC suite of programs) if you qualify.
    https://creative.adobe.com/plans
    Click on the Students and Teachers tab for pricing.

  • Fireworks edit in Dreamweaver pouting and refusing to update.

    Again, I'm new to Fireworks...let me know if I'm totally off
    base here. Before I start, I'm using Fireworks CS3 and Dreamweaver
    CS3 as part of Adobe Creative Suite 3 Web Premium. I use an iMac
    running OS 10.5.2, Leopard.
    I've just finished designing a new Fireworks navigation bar
    for my company's website. The HTML exports and integrates into the
    existing pages just fine (so far.) I'm in the process of testing
    each page with the new Fireworks HTML to see if anything goes nuts
    before I take it live.
    Here's where I might be delusional. I insert the HTML into a
    page, then use the "edit in Fireworks" option in DW to change the
    default state of one button using the "show in 'down' state on
    load" option (depending on which page is currently up.) I've
    noticed that although I can use the "edit in Fireworks" option to
    do other things (minor spacing issues for example) with marginal
    success...FW is not reflecting the "down state" changes in DW at
    all. I swear I've done this before and it's worked, though!
    When I'm in the midst of making these changes and "preview"
    in FW, everything works as it should. However, as soon as I hit
    "done", no updates are reflected in the DW page...nor are they
    saved in the original FW HTML when I go back and check.
    If I'm completely wrong, what would be the best way to
    reflect a "down state on load" button for each page of the website?
    Do I need to make the changes, re-save the files, and re-export
    them?
    If it helps, the test index page is:
    http://www.thdelectronics.com/index_testbar.html
    It shows "home" in the down state. But when I load the HTML
    on the products pages and try to change the down state button to
    "products"...it doesn't work.
    Thanks,
    ~G~

    Hello
    I just worked through this exact same issue today so I'm glad
    to help. The easy answer is that when you are exporting the html to
    Dreamweaver you need to check 'Multiple Nav Bar HTML Pages' in the
    'Document Specific' tab (under the options button in my Fireworks
    MX).
    As far as I can tell, you end up with a nav bar for each of
    your links and then have to import those each to your pages which
    doesn't help when using templates. I'm hoping I can find a
    different answer to that one.
    Here is a link to the whitepaper...
    http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_15435&sliceId=1

  • Can you edit older Dreamweaver files (CS5, etc.) in Dreamweaver CC?

    I'm contemplating purchasing the CC subscription for Dreamweaver and some other products and need to know the backwards compatibility.  For instance can the Dreamweaver CC files be read and edited in older versions of Dreamweaver such as CS5?  I'd also like to know if the Photoshop CC files will be able to be edited in older versions of PS such as CS5.  And is there a Bridge version in CC?
    Thanks!
    kt

    A very emphatic yes to all.

  • Disable Template Comments While Editing in Dreamweaver

    We have pages set up using InstanceBeginEditable comments to
    define editable regions. However, we are not using templates.
    Naturally, when I open these files in Dreamweaver I cannot edit the
    areas outside the editable comments - this is expected. I'm
    wondering if there's a way to disable this in Dreamweaver so I can
    edit all regions of the page. As I said earlier, we are only using
    the InstanceBeginEditable tags to lock down areas for Contribute
    users.

    > I'm wondering if there's a way to disable this in
    Dreamweaver
    Not as long as DW thinks you are editing an HTML page.
    However, you can
    open one of the pages, copy all, create a new TEXT page,
    paste in, and edit
    away. This is a pretty awkward way to work, though.
    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
    ==================
    "FlabeltyBooperBop" <[email protected]>
    wrote in message
    news:ejin5c$el$[email protected]..
    > We have pages set up using InstanceBeginEditable
    comments to define
    > editable
    > regions. However, we are not using templates. Naturally,
    when I open these
    > files in Dreamweaver I cannot edit the areas outside the
    editable
    > comments -
    > this is expected. I'm wondering if there's a way to
    disable this in
    > Dreamweaver
    > so I can edit all regions of the page. As I said
    earlier, we are only
    > using the
    > InstanceBeginEditable tags to lock down areas for
    Contribute users.
    >

  • Question about editing a Dreamweaver template

    I used a #2 template from http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html
    and have muddled through editing it and have done "ok" by my standards.
    One unresolved issue I have is how to put something "UNDER" my left navigation bar.
    If you look at my site http://mpalitigation.com/index.html  you will see a paypal button waaaay down on the left side,  I was hoping
    to put that button under the navigation links but not right with them.  I tried doing a crash course on float, clear, etc..but
    the best I could do was clear after the navigation bar float left but then the content in the middle is pushed down below the end of the navigation bar.
    Any help would be appreciated.
    The related CSS code is
    .leftnavigation {
        width: 192px;
        margin: 70px 0px 0px 0px;
        padding-left: 8px;
        float: left;
        list-style-type: none;
    .leftnavigation a{
        margin-left: 0px;
        width: 156px;
        padding-left: 15px;
        padding-top: 5px;
        padding-right: 20px;
        padding-bottom: 5px;
        float: left;
        color: #364957;
        font-size: 10px;
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        background-image: url(images/nav_normal.jpg);
        background-repeat: repeat-x;
        background-position: 0px 0px;
        border-bottom: 1px solid #999;
    .leftnavigation a:visited{
        color: #364957;
    .leftnavigation a:hover{
        color: #ffffff;
        background-image: url(images/nav_down.jpg);

    The page you have linked is not a child page of a DW template.
    Anyhow, if I remove your PayPal form from its current location, and place it like this (note the inline styling), it seems to work OK -
    <div style="width:190px;float:left;">
                    <ul class="leftnavigation" style="float:none;overflow:hidden;">
                        <li><a href="index.html">HOME</a></li>
                        <li><a href="subrates.html">SUBPOENAS</a></li>
                        <li><a href="sumrates.html" >SUMMONS</a></li>
                        <li><a href="investrates.html" >INVESTIGATIVE SERVICES</a></li>
                        <li><a href="clientlogin.html" >CLIENT LOGIN</a></li>
                        <li><a href="contact.html" >CONTACT US</a></li>
                     </ul>
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post" style="width:180px;margin:15px 0 0 15px;">
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="hosted_button_id" value="39PHD4X5DP57N">
    <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_paynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>
    </div>
    Note that I have also wrapped the combination of the navigation and the form in a containing div.

  • Do template files work for those not editing in dreamweaver?

    Hi!
    Do dreamweaver .dwt template files work for people who are not making changes with dreamweaver?
    Thanks!

    Better make that a *NO*.  Allowing people to edit Template controlled pages outside of DW will be a catastrophe, unless they are very familiar with DW Templates and how they work.

  • Uplaoding template after editing in Dreamweaver

    I have downloaded a template from adobe free templates. I edited the template and then went to save it to my site root folder. When I opened it in a brower the page was there but the pictures adn CSS style were not. Did I not save it right. I am assumming I need to somehow save the CSS style and img files that came with the template but I am at a lose. I have never done this before.
    This is the template I downloaded
    http://www.freedreamweavertemplates.org/Preview/Beach%20Sunset/beachsunset.html
    Who will see it on the bottom left of the list on this page
    http://www.freedreamweavertemplates.org/templatesp6.html

    yes the index.html which i renamed to index_new_ibis so it didnt overwrite my exsisting index.html the thre
    e img files and the css style are all on the root of my ftp but when i open the inex_new_ibis in dreamweaver it opens with the css style but no images. I also opened th epage in IE and the images are not there either but the css stye is

  • Applying CSS while editing in Dreamweaver tips?

    I have an annoying issue in Dreamweaver CS3 that I was hoping
    I could
    get some help on.
    I have a site I'm working on. The file structure is:
    W:/site/
    -- contains page.php which is the bare frame for all the
    pages. The
    styles.css link and all head info, etc. is in this page.
    W:/site/includes/
    -- contains styles.css which has all the styles
    W:/site/data/
    -- contains all the actual data pages that get included into
    page.php
    via PHP (that it's PHP is not important)
    Now, when I'm working on, say, W:/site/data/123.php, the DW
    GUI has no
    idea what styles are available as all 123.php is is text with
    DIV id's
    and SPAN classes attributed. On the Web site, the contents of
    this
    page would simply get included into page.php.
    So the DW preview shows everything in default appearance.
    If I link the styles.css into the file, sure I edit it and
    it'll let
    me use the styles in the GUI instead of my having to keep
    looking at
    the styles page and hand-typing in ...class="blah"....
    But the link will be put in as "../includes/styles.css" which
    works
    while I'm in DW, but doesn't while it's on the Web as...you
    get it,
    because 123.php doesn't technically exist when it's rendered
    to the
    browser...it's embeded in page.php so "../" becomes
    meaningless.
    Does this make sense?
    Bottom line: Is there some DW tip that will allow me to
    either make it
    recognize PHP includes so it logically knows where everything
    will be
    when it's rendered by the browser, or, universally apply a
    CSS page to
    everything I'm working on without having to worry about link
    paths
    that work fine locally but foobar on the remote?
    Thanks for any suggestions.
    -Liam

    F1 ----> Design-time stylesheets.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "GSLiam" <[email protected]> wrote in
    message
    news:[email protected]...
    >I have an annoying issue in Dreamweaver CS3 that I was
    hoping I could
    > get some help on.
    >
    > I have a site I'm working on. The file structure is:
    >
    > W:/site/
    > -- contains page.php which is the bare frame for all the
    pages. The
    > styles.css link and all head info, etc. is in this page.
    >
    > W:/site/includes/
    > -- contains styles.css which has all the styles
    >
    > W:/site/data/
    > -- contains all the actual data pages that get included
    into page.php
    > via PHP (that it's PHP is not important)
    >
    > Now, when I'm working on, say, W:/site/data/123.php, the
    DW GUI has no
    > idea what styles are available as all 123.php is is text
    with DIV id's
    > and SPAN classes attributed. On the Web site, the
    contents of this
    > page would simply get included into page.php.
    >
    > So the DW preview shows everything in default
    appearance.
    > If I link the styles.css into the file, sure I edit it
    and it'll let
    > me use the styles in the GUI instead of my having to
    keep looking at
    > the styles page and hand-typing in ...class="blah"....
    >
    > But the link will be put in as "../includes/styles.css"
    which works
    > while I'm in DW, but doesn't while it's on the Web
    as...you get it,
    > because 123.php doesn't technically exist when it's
    rendered to the
    > browser...it's embeded in page.php so "../" becomes
    meaningless.
    >
    > Does this make sense?
    > Bottom line: Is there some DW tip that will allow me to
    either make it
    > recognize PHP includes so it logically knows where
    everything will be
    > when it's rendered by the browser, or, universally apply
    a CSS page to
    > everything I'm working on without having to worry about
    link paths
    > that work fine locally but foobar on the remote?
    >
    > Thanks for any suggestions.
    > -Liam
    >

  • Editing with Dreamweaver

    Is it possible to edit a file created in Dreamweaver so that
    changes can be tracked? It looks to me that you might have to use
    Incopy, so I've downloaded a trial version of that. But, if so, I
    can't figure out how to make DW and Incopy work together.

    hnotk wrote:
    > Is it possible to edit a file created in Dreamweaver so
    that changes can be
    > tracked?
    Dreamweaver doesn't have a Track Changes feature like
    Microsoft Word. If
    you want to keep track of changes, you need to use a version
    control
    program. Dreamweaver CS4 supports Subversion:
    http://www.adobe.com/devnet/dreamweaver/articles/using_subversion_pt1.html
    David Powers, Adobe Community Expert
    Author, "The Essential Guide to Dreamweaver CS4",
    "PHP Solutions" & "PHP Object-Oriented Solutions"
    http://foundationphp.com/

  • Making Simple Edits Without Dreamweaver

    I am going to be away from the PC on which Dreamweaver is installed for several days, but I will need to made very simple edits to the text of our index page each day.  Is there an application with which I can safely do that?  I will have access to both a Macbook and a Windows 7 PC.  Our web site is hosted at Network Solutions and was created with Dreamweaver.

    You could try Panic Coda but it comes at a price (currently $75) and they also have an iPad App called Diet Coda.  That's $20.
    I've never used the latter but it might help you - er... if you have an iPad.
    Martin
    PS But of course, you could do what you want to do without spending a cent.

Maybe you are looking for

  • Mac Mini Server - Can't get past...

    Mac Mini Server I'm getting the "You are unable to log in to the user account xxx" message. I click OK, then the Apple icon appears, and that's as far as I can get. I'm new to the Mac, and have had it running for a month. Set it up initially as "Host

  • Client proxy generation in NWDS with external web service

    Hello, - I try to generate a client proxy in NWDS (7.0 SP12) from a wsdl which includes a complexType and which is non-SAP. Wizard Procedure in NWDS: New client proxy definition > i select WSLD source = URL (it is same symptom with local file) > Then

  • Downloading I tunes

    I have had I tunes for 5 years. Then on Monday I could not access I tunes. I have reinstalled,deleted and downloaded all to no avail. I have 2002XP w/256MB of RAM so can't use the 7.5. When I try and install the windows installer I get to"Registering

  • HT1451 i cant watch HD or standard movives its give me an error loading this content

    hi i cant watch apple tv HD/standar movies , i restarted the router and network and apple tv but still same . any body have some good information .

  • Nested Report Problem

    Hello Gurus, I have created a Classic Nested Report following Dietmar's example from: Nested report howto? I followed the steps to create the nested report: Step 1 - created the package create or replace package UNFUND_PCK as    FUNCTION get_unfund_i