Skip to main content
jonrees1978
jonrees1978
Participant
February 24, 2017
Answered

Layout spacing

  • February 24, 2017
  • 3 replies
  • 555 views

Hi! I have been using <br> to create space between divisions (footer, paragraph etc). I'm trying to figure how to do this with css designer in Dreamweaver. As I'm a novice could anyone point me in the right direction please?

Thanks, Jon

    This topic has been closed for replies.
    Correct answer Ben M

    Br's or line breaks, are not the proper way to create spacing between areas.  What you want to be using is margins and padding on your container elements or paragraphs to give them the proper spacing that you are looking for.  Below are some links discussing the topic.  Or we could work with a live example if you are willing to post a link.

    CSS Margin

    CSS Padding 

    3 replies

    jonrees1978
    jonrees1978Author
    Participant
    February 24, 2017

    thank you very much

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    February 24, 2017

    Using break tags and space bar to add space is not going to work well on the web.  You're dealing with a flexible medium here, not a printed page.

    Start by learning all you can about CSS margins, padding and borders (the CSS box model).  This is beginner basics 101.

    CSS Box Model

    Nancy

    Nancy O'Shea— Product User & Community Expert
      B
      Community Expert
      Ben MCommunity ExpertCorrect answer
      Community Expert
      February 24, 2017

      Br's or line breaks, are not the proper way to create spacing between areas.  What you want to be using is margins and padding on your container elements or paragraphs to give them the proper spacing that you are looking for.  Below are some links discussing the topic.  Or we could work with a live example if you are willing to post a link.

      CSS Margin

      CSS Padding 

        jonrees1978
        jonrees1978Author
        Participant
        February 24, 2017

        That works fine, thanks. The only problem is that for aesthetics, I'd like to leave a margin after the footer. I've increased the padding etc. but the contents just get pushed down to the edge of the footer. So no clear margin aftetr the contents of the footer. I'm missing something..

        B
        Community Expert
        Ben MCommunity Expert
        Community Expert
        February 24, 2017

        It's really hard to tell without a link to your page.  Margins are applied to a class/id/element on a page so just because you have margins in one place doesn't mean it has to be in another (ie: footer).  Can we see the page in question to help with your particular situation?

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices