Skip to main content
Z
zamir0D4D
Participant
September 14, 2021
Question

Extra spaces added

  • September 14, 2021
  • 2 replies
  • 204 views

Spaces are added when I indent to a new paragraph (at the beginning of the paragraph) or after I add a hyperlink. This is just a tiny reason why I hate using Dreamweaver and think every time you update it, it gets worse. I've been using Dreamweaver since 2008 and it is far and away what I hate most about my job. Somedays you make me want to quit my job just so I don't have to deal with Dreamweaver. And web development isn't even my job!

    This topic has been closed for replies.

    2 replies

    B
    Community Expert
    Ben MCommunity Expert
    Community Expert
    September 14, 2021

    I agree with Nancy's comment that DW is not doing this to you. It would be the same if you were using InDesign or even MS Word that has default spacing that can be set differently depending on how the formatting is saved for your template.  If most of what you are editing is content and not HTML, you may be better served by hiring a developer and investing in a CMS that has pre-formatted pages so all you have to do is type out content and let the pre-formatting work as it should. This way the code is not editable and you reduce the risk of inadvertently impacting necessary code for your styling.

      Nancy OShea
      Community Expert
      Nancy OSheaCommunity Expert
      Community Expert
      September 14, 2021

      Don't blame the software.  DW does exactly what you tell it to do.  But DW is not a desktop publisher like MS Word, it's web authoring software.  So if there's a problem with extra spaces, that's caused by the code in your document.

       

      quote...it is far and away what I hate most about my job. Somedays you make me want to quit my job... And web development isn't even my job!

      ============

      It sounds like you're not cut out for this job. Maybe you should focus on what you do best and hire someone with more web experience to handle this for you.  Web development isn't for everyone.

       

      Use CSS to remove spaces above and below <p> tags like this:

       

      <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
margin: 0; 
padding: 0; 
text-indent: 45px;
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex consequatur molestiae dicta doloribus amet quisquam. 
<a href="https://example.com/">This is a link.</a>
Debitis, minus quis dignissimos nulla quo rem cupiditate ut distinctio et.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
<a href="https://example.com/">This is a link.</a>
Ex consequatur molestiae dicta doloribus amet quisquam, veniam rem deleniti voluptatum. Debitis, minus quis dignissimos nulla quo rem cupiditate ut distinctio et.</p>
</body>
</html>

       

      Nancy O'Shea— Product User & Community Expert
        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices