Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 08-17-2012, 10:21 AM   PM User | #1
mockingbird001
New Coder

 
Join Date: Aug 2012
Posts: 11
Thanks: 4
Thanked 1 Time in 1 Post
mockingbird001 is an unknown quantity at this point
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!
mockingbird001 is offline   Reply With Quote
Old 08-17-2012, 10:36 AM   PM User | #2
Riku
New Coder

 
Join Date: Feb 2012
Location: Finland
Posts: 57
Thanks: 3
Thanked 9 Times in 9 Posts
Riku is an unknown quantity at this point
.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 10:38 AM..
Riku is offline   Reply With Quote
Old 08-17-2012, 10:49 AM   PM User | #3
mockingbird001
New Coder

 
Join Date: Aug 2012
Posts: 11
Thanks: 4
Thanked 1 Time in 1 Post
mockingbird001 is an unknown quantity at this point
thank you for your answer but these do not seem to fix the problem.
mockingbird001 is offline   Reply With Quote
Old 08-17-2012, 11:13 AM   PM User | #4
mockingbird001
New Coder

 
Join Date: Aug 2012
Posts: 11
Thanks: 4
Thanked 1 Time in 1 Post
mockingbird001 is an unknown quantity at this point
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 ???
mockingbird001 is offline   Reply With Quote
Old 08-17-2012, 11:33 AM   PM User | #5
Riku
New Coder

 
Join Date: Feb 2012
Location: Finland
Posts: 57
Thanks: 3
Thanked 9 Times in 9 Posts
Riku is an unknown quantity at this point
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
Riku is offline   Reply With Quote
Old 08-17-2012, 12:13 PM   PM User | #6
mockingbird001
New Coder

 
Join Date: Aug 2012
Posts: 11
Thanks: 4
Thanked 1 Time in 1 Post
mockingbird001 is an unknown quantity at this point
thank you for that, it does work... though not for the other divs!!

thanks anyways, I will keep trying!
mockingbird001 is offline   Reply With Quote
Old 08-18-2012, 01:05 AM   PM User | #7
Donkey
Regular Coder

 
Donkey's Avatar
 
Join Date: Sep 2003
Location: Blackfield UK
Posts: 311
Thanks: 1
Thanked 35 Times in 35 Posts
Donkey is an unknown quantity at this point
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
Donkey is offline   Reply With Quote
Old 08-18-2012, 02:46 AM   PM User | #8
mockingbird001
New Coder

 
Join Date: Aug 2012
Posts: 11
Thanks: 4
Thanked 1 Time in 1 Post
mockingbird001 is an unknown quantity at this point
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
mockingbird001 is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 03:14 AM.


Advertisement
Log in to turn off these ads.