-4

This is my CSS, and yes it is in a table, which I assume is a big no no…

You can see the examples at:

http://jsfiddle.net/pb7808do/2/

}
div#titlediv {
    left: 0px;
    background: #FFF;
    font - size: 52px;
    font - family:'Open Sans', sans - serif;
    font - weight: 800;
    line - height: 50px;
    margin: 0px 0px - 30px 0px;
    padding: 0;
    color: #ec832e;
}
div#bodydiv {
    left: 0px;
    background: #FFF;
    top: 0px;
    padding: 0px;
    font - size: 20px;
    font - family:'Open Sans', sans - serif;
    font - weight: 300;
    margin - top: -20px 0px 0px 0px;
    line - height: 170 %;
    color: #828486;
}

http://philpadilla.com/PPGD2/index_portfolio_inside.html

I have tried:

padding: 0px;
margin: 0px 0px -XXpx 0px;

Out of ideas... What property can I add to my CSS to eliminate the gap displayed? Or what I can do structurally different to eliminate this issue?

Quentin
  • 914,110
  • 126
  • 1,211
  • 1,335
PhilP
  • 35
  • 6
  • Also, I'm thinking, based on your screenshot, the `div` isn't your issue, but rather the inherit `line-height` and `margin` on a header tag. – disinfor Nov 03 '14 at 20:04
  • It's almost imposible to guess what is in your mind and how can we help you. Please formulate your question more accurately, giving specific details about the issue and what would you like to do as well as the code that you are using. – Max Nov 03 '14 at 20:06
  • Hi, the code is at: http://philpadilla.com/PPGD2/phils_CSS_problem.jpg – PhilP Nov 03 '14 at 20:26
  • code posted: http://jsfiddle.net/pb7808do/ – PhilP Nov 03 '14 at 20:35
  • Hey, @PhilP. Folks here want to help you out, but we're operating, still, on not enough information. The jsfiddle you posted has styles but no markup. Your title claims the issue is between divs, and your description claims there are tables. Most of us CSS guys could probably nail this right away if you'd just put everything up in your fiddle. As an aside, SO prefers you post your code somewhere slightly more permanent than a personal website. I highly recommend that everything live either in your question description or jsfiddle. Cheers! – kbrimington Nov 03 '14 at 23:17
  • Thank you @kbrimington, css and html besides basic tables is very new to me, I appreciate your help and apologize if my questions appear rookie. In fact they are very rookie.. I have added the entire html with css at this link: http://jsfiddle.net/pb7808do/ – PhilP Nov 04 '14 at 19:14
  • Ergh.... try again. http://jsfiddle.net/pb7808do/2/ – PhilP Nov 04 '14 at 19:16
  • kbrimington Help please oh please? – PhilP Nov 04 '14 at 21:32
  • kbrimington Live links: http://jsfiddle.net/pb7808do/2/ http://philpadilla.com/PPGD2/index_portfolio_inside.html – PhilP Nov 04 '14 at 21:32
  • margin-top: 0px 0px 0px 0px; I was kicking myself why the css was not overriding the html margins...? the -top portion was screwing me. Once revised to margin: 0px 0px 0px 0px; everything snapped back to normal. Yay, this site is legit. – PhilP Nov 05 '14 at 04:50

1 Answers1

0

You should remove the line-height:170%; and it should work.

Florin Pop
  • 5,105
  • 3
  • 25
  • 58
  • I can remove the line-height: 170%; and it changes the leading between lines but does not effect the gap between the two DIVs – PhilP Nov 03 '14 at 20:33