0

I have tried every kind of CSS trick I know to remove this white space including cell-padding, margins, padding ect ect.

Any idea how to remove this white space below the "sign up" on this banner?

http://oil.wpengine.com/

enter image description here

1
  • For first, in <div id="frame"> there's 10px padding to top.
    – alf_red
    Feb 28, 2013 at 6:27

3 Answers 3

1

This is a slicing problem. Fix this image

<img width="75" height="10" alt="" src="images/OFC_Home_Header_15.png">

This solves the problem:

<img width="75" height="10" alt="" src="images/OFC_Home_Header_15.png" style="margin-top:-2px;">
0

Add vertical-align: top to this <img> in the row below the row with the "sign up" <img>. I did it inline here, but you'll probably want a class.

<img src="images/OFC_Home_Header_15.png" width="75" height="10" style="vertical-align: top">

enter image description here

2
  • This didn't fix it in my browser, (Firefox 19) Feb 28, 2013 at 6:22
  • @DylanCross Sure you did the right image? Works fine on FF19 for me. Feb 28, 2013 at 6:24
0

use this

    <img src="images/OFC_Home_Header_15.png" width="75" height="10" alt="" 
style="margin-top: -3px;"/>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.