February 28, 2013

Remove white space on HTML/CSS banner?

Question by js111

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

Answer by ThinkingStiff

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

Answer by Starx

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;">

Author: Nabin Nepal (Starx)

Hello, I am Nabin Nepal and you can call me Starx. This is my blog where write about my life and my involvements. I am a Software Developer, A Cyclist and a Realist. I hope you will find my blog interesting. Follow me on Google+

...

Please fill the form - I will response as fast as I can!