-1

I am working on a responsive website and I can't seem to figure out why there is a space between the two bottom rows on my webpage. See:

http://test.kmcmarine.com/

I'd like to remove the space between the bottom red line and the footer. Can somebody please help me?

Thanks! Nancy

JJJ
  • 32,902
  • 20
  • 89
  • 102
Nancy Villa Kniskern
  • 21
  • 1
  • 3
  • Your red-bar image is displayed `inline`, the space is reserved for letter descenders. See [this answer](http://stackoverflow.com/a/5804278/1612146). – George Sep 07 '15 at 17:59
  • Welcome to StackOverflow Nancy :) When asking questions seeking debugging help, please provide the relevant codes along with your description of the issue. Also, do check this link: http://stackoverflow.com/help/how-to-ask for tips on how to ask questions here in SO. – AndrewL64 Sep 07 '15 at 18:24
  • Thank you both! Sorry about not providing all the necessary information! I'm still learning. :) – Nancy Villa Kniskern Sep 08 '15 at 23:31
  • Thank you, George! Changing the display from inline to block did the trick! This is all very new to me. Thanks so much for this great advice. I've struggled with this for many hours! :D I really appreciate it! – Nancy Villa Kniskern Sep 08 '15 at 23:40

1 Answers1

0

A quick fix is to reduce the font size in that specific div by adding font-size 1px like this:

<div class="col-lg-12" style="font-size: 1px">
     <img src="Images/red line.gif" class="img-responsive">
 </div>

Or maybe even better to add display block for the img element:

<img src="Images/red line.gif" class="img-responsive" style="display: block">
Peter Salomonsen
  • 5,525
  • 2
  • 24
  • 38