Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    New Coder
    Join Date
    Aug 2012
    Posts
    11
    Thanks
    4
    Thanked 1 Time in 1 Post

    padding margin/ newbie question

    Okay, so this is pretty much my first time using dreamweaver or actually writing pieces of code so bare with me.

    I'm trying to put space between the who are we and the bid logo and can't seem to find something that only affects who are we without affecting the lines under it).

    It might be a bit slow to load as I haven't optimized pictures yet.
    http://mockingbirdagency.com/dev

    any help would be awesome!

  • #2
    New Coder
    Join Date
    Feb 2012
    Location
    Finland
    Posts
    59
    Thanks
    3
    Thanked 9 Times in 9 Posts
    .whoarewe {
    background: url("whoare.png") no-repeat scroll center top 80px transparent;
    height: 102px;
    padding-bottom: 110px;
    }


    OR

    .design-pink {
    background: url("background2.jpg") repeat scroll center top transparent;
    padding-top: 50px;
    }

    That's easiest way to do it. Padding pushes your content down tho, background position does not so prolly would go with it myself for the starters.

    -Riku
    Last edited by Riku; 08-17-2012 at 11:38 AM.

  • #3
    New Coder
    Join Date
    Aug 2012
    Posts
    11
    Thanks
    4
    Thanked 1 Time in 1 Post
    thank you for your answer but these do not seem to fix the problem.

  • #4
    New Coder
    Join Date
    Aug 2012
    Posts
    11
    Thanks
    4
    Thanked 1 Time in 1 Post
    I don't understand why margintop for example, on this:
    .whoarewe {
    height:102px;
    background: url(whoare.png) no-repeat center;
    }

    would make the whole div move ???

  • #5
    New Coder
    Join Date
    Feb 2012
    Location
    Finland
    Posts
    59
    Thanks
    3
    Thanked 9 Times in 9 Posts
    Then try adding padding to design-pink and remove that padding's amount from sections height like this:

    .design-pink {
    background: url("background2.jpg") no-repeat scroll center top transparent;
    padding-top: 70px;
    }

    .pink {
    height: 488px;
    margin: 0 auto;
    width: 700px;
    }

    Works for me, but on the other hand so did my other 2 solutions aswell.
    -Riku

  • #6
    New Coder
    Join Date
    Aug 2012
    Posts
    11
    Thanks
    4
    Thanked 1 Time in 1 Post
    thank you for that, it does work... though not for the other divs!!

    thanks anyways, I will keep trying!

  • #7
    Regular Coder Donkey's Avatar
    Join Date
    Sep 2003
    Location
    Blackfield UK
    Posts
    312
    Thanks
    1
    Thanked 36 Times in 36 Posts
    Just to be pedantic and for future reference:
    "bare with me" is an invitation to mutually undress.
    You should have used "bear with me"
    " 90% of everything is crud" - Theodore Sturgeon
    Filthy Beast - a 60's Rock Band

  • #8
    New Coder
    Join Date
    Aug 2012
    Posts
    11
    Thanks
    4
    Thanked 1 Time in 1 Post
    Quote Originally Posted by Donkey View Post
    Just to be pedantic and for future reference:
    "bare with me" is an invitation to mutually undress.
    You should have used "bear with me"
    As I wrote it, I thought... Is it bear with me ? and then, naah, that looks silly. (the irony).

    cheers


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •