Skip navigation
lkupersmith
Currently Being Moderated

CS6 Img Properties panel no longer supports hspace

May 16, 2012 11:37 AM

Tags: #image #dreamweaver #cs6 #hspace

I just upgraded from CS5.5 to CS6 and have lost the ability to quickly insert the img hspace attribute.

 

I very often take advantage of the img hspace attribute. While I know it is deprecated, is still fully supported, and codewise, more efficient than an inline style. My problem is each image (and there are many) needs a different hspace so I can't just make a reusable class (which is what css excels at).

 

Using hspace="5" vs style="margin:5px 0" is much shorter and easier. Plus there is no way to add an inline style in the css panel. Dreamweaver keeps wanting to modify the class of the <a href> tag around the image instead of adding the code inline to the image itself. In CS5 I simply entered the desired number in a single box and I was done. Now customizing each and every image will take many times longer.

 

Please don't force me to code the way you choose. Let me choose when to stop using deprecated attributes. Is there an option that I haven't found to re-enable the hspace and vspace quick entry boxes in Dreamweaver CS6?

 
Replies
  • Currently Being Moderated
    May 16, 2012 11:41 AM   in reply to lkupersmith

    Short answer:  If it's deprecated, it's gone from CS6.  Adobe is pushing higher web standards now.

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    May 16, 2012 11:53 AM   in reply to lkupersmith

    lkupersmith wrote:

     

    While I know it is deprecated, is still fully supported, and codewise, more efficient than an inline style.

     

    My problem is each image (and there are many) needs a different hspace so I can't just make a reusable class (which is what css excels at).

     

    Using hspace="5" vs style="margin:5px 0" is much shorter and easier. Plus there is no way to add an inline style in the css panel.

     

    Now customizing each and every image will take many times longer.

     

    Please don't force me to code the way you choose.

     

    So, as Nancy said hspace is deprecated and has been for quite a while. I am surprised anyone is still using this to be honest.

     

    I am struggling to understand why you would need to change the hspace per image. Regardless of how it's coded, this is a lot of work when it would be easier to make everything consistent. Inline styles, although they will solve the hspace issue, are still not recommended as they require much more work in the long run.

     

    As mentioned, I am at a loss at trying to understand why each image is individually coded. But, you could create several classes and then apply a different name to each image? This would at least cut down some of your coding.

    .One{margin:0 5px;}

    .Two{margin:0 10px;}

    .Three{margin:0 15px;}

    .Four{margin:0 20px;}

     

    <img class="One" src="" alt="" />

    <img class="Two" src="" alt="" />

    <img class="Three" src="" alt="" />

    <img class="Four" src="" alt="" />

     
    |
    Mark as:
  • Currently Being Moderated
    May 16, 2012 1:35 PM   in reply to lkupersmith

    Real simple solution:  get rid of the hspace & vspace attributes from your code with Find & Replace. 

    Use CSS padding around your glass marbles.

     

    .imgover {

    padding: 20px; /**adjust as required**/

    }

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    May 16, 2012 2:23 PM   in reply to lkupersmith

    From what I gather, CS6 allows you to insert multiple classes on objects. See: http://forums.adobe.com/message/4406523

     

    I see there being 2 relatively simple workarounds if you want different size margins around each image.

    1. Use the sample I gave above and create a few classes, one for each size. If you end up with 20 classes, its still faster than manually editing each image.
    2. Remove all spacing from the images, and apply it in Photoshop. Its easy to modify the white space around an image in Photoshop.
     
    |
    Mark as:
  • Currently Being Moderated
    May 26, 2012 5:31 PM   in reply to lkupersmith

    I completely agree with Lkupersmith!  I have so many websites that have been up for years that are too tough to bring up to "standards"  and I think it should be our choice to use deprecated code if that's what our work demands for the fastest solution until I can get them up to code. I had this issue with the ALT tag nag screen in Dreamweaver that was driving me crazy. Why nag me about the ALT tag only, why not nag me about using the <b> tag?  It was like I was speaking another language to the Adobe moderator who insisted the ALT tag was required. Oy, such arrogance.  And what about this sentence from an earlier post -   "I'm so surprised people are still using this"... REALLY?? - is your world view that small? 

     
    |
    Mark as:
  • Currently Being Moderated
    May 26, 2012 5:52 PM   in reply to markhuss

    markhuss wrote:

     

    And what about this sentence from an earlier post -   "I'm so surprised people are still using this"... REALLY?? - is your world view that small?

     

    Apparently so.

     

    I haven't used hspace or seen hspace used in website code for years. I thought everyone used margins and padding.

     

    The interface of DW always gets progressively cleaned up and modernized with every upgrade.

     

    Others have cried foul in previous years about the disappearance of, or new workflow for, their deprecated pet interface items too. This year, CS6's - probably overdue - cleanup included hspace.

     
    |
    Mark as:
  • Currently Being Moderated
    May 26, 2012 5:53 PM   in reply to John Waller

    I understand. I thought everyone starred in a reality show but me. Perspective can suck.

     
    |
    Mark as:
  • Currently Being Moderated
    May 26, 2012 6:11 PM   in reply to markhuss

    It was like I was speaking another language to the Adobe moderator who insisted the ALT tag was required. Oy, such arrogance. 

    Oy vey!  If ALT attributes offend you, consider vision impaired site users who can't "see" images.  What will they do?  I think the arrogance is on your part. 

     

    Why nag me about the ALT tag only, why not nag me about using the <b> tag? 

    Because bold text is not necessary for web accessibility.  ALT attributes are.

     

    And what about this sentence from an earlier post -   "I'm so surprised people are still using this"... REALLY?? - is your world view that small? 

    Sorry but sticking to old school ways because some browsers still support them isn't responsible web design.  Water seeps to its own level.  Your ignorance about web design will soon surface (if it hasn't already).  People who might have been interested in you/your services will no longer be because you're so out of touch with modern web standards. 

     

     

    Best of luck,

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    May 26, 2012 6:20 PM   in reply to Nancy O.

    But the ALT tag isn't the ONLY tag required and it was the only one with a nag screen. It's true, I tend to call people arrogant who get SO offended that things are done differently. As my website disintegrate, I'll try to bring a smile to the last 90 year old with webtv.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 7, 2012 10:53 AM   in reply to lkupersmith

    select or highlight  image , right click, select  "edit tag" its all there....h space v space the works....

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 7, 2012 12:18 PM   in reply to lkupersmith

    Just to clarify, Nancy is a user like everyone else here.  There are no "Adobe moderators".

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 5, 2012 7:42 PM   in reply to lkupersmith

    THANKS ANDY for actually answering the question, post 13, I was looking for V Space too.

     

    Amazing how rude people can get --- when they don't know enough to answer the question they decide the person asking is somehow stupid or inept. 

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 5, 2012 8:40 PM   in reply to Anita Adamski

    Anita Adamski wrote:

     

    THANKS ANDY for actually answering the question, post 13, I was looking for V Space too.

     

    Amazing how rude people can get --- when they don't know enough to answer the question they decide the person asking is somehow stupid or inept. 

     

    Post #13 isn't correct at all but people here were just too polite to point it out.  If you want the correct answer then please start a new thread.  HSpace and VSpace isn't available in DW CS6 but you can still manage to get exactly that effect (and sometimes better results) using CSS.  Please start a new thread if you want to know the correct answer.

     

    Good luck.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 6, 2012 7:31 AM   in reply to mytaxsite.co.uk

    I used Post 13's directions yeterday and it works fine inside DW CS6 and tests perfectly in all browsers I ran it through. What part isn't working for you?  CSS is not the way to go for this particular solution, although if it always is on your projects that's wonderful. We're all happy now, thank you Dreamweaver.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 6, 2012 10:18 AM   in reply to Anita Adamski

    I used Post 13's directions yeterday and it works fine inside DW CS6 and tests perfectly in all browsers I ran it through. What part isn't working for you? 

     

    Use the W3C validation tool to check your code.

    http://validator.w3.org/

     

    H-space and V-space are deprecated (obsolete) and have been since HTML 4.

     

    CSS is not the way to go for this particular solution,

    It is if you don't want errors in your HTML. 

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 6, 2012 11:17 AM   in reply to lkupersmith

    The majority of web developers use XHTML or HTML5 doc types now.

    I haven't used HTML 4.0 (transitional) or 4.1 (strict) for over a decade.

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 6, 2012 9:18 PM   in reply to Nancy O.

    WOW. The topic/question is H-Space support in DW CS6.  Deprecated tags isn't the issue, nor is how you write code.

     

    And, by the way, many websites are using deprecated tags, which is why ALL browsers will continue to fully support (without error)  V- and H-Space deprecated tags for the forseeable future. I just used V-Space very successfully on my ---- wait for it ---- HTML5-based fluid grid responsive website.  Thank you Dreamweaver CS6 for getting it right and leaving the tags in.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points