Skip navigation
Currently Being Moderated

Why are there gaps?

Jun 21, 2013 8:23 AM

Can anyone tell me why there are these two gaps,

 

1. just under the banner at the very top just above horizontal menu bar

2. just below the fading in and out image slideshow

 

www.milesfunerals.com/index3.html

 
Replies
  • Currently Being Moderated
    Jun 21, 2013 8:32 AM   in reply to Ness_quick

    Please use the blue "A" button to post links

     

    Not Found

    The requested URL /index3.html was not found on this server.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 21, 2013 8:35 AM   in reply to Ness_quick

    Add this to your css.

     

    #top img {

            display: block;

        }

        #mainContent h1 {

            margin: 0;

            padding: 20px 0 0 0;

        }

     

    Ken the url is www.milesmemorials.com/index3.html

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 21, 2013 8:41 AM   in reply to osgood_

    In a page with a strict DOCTYPE (HTML5 is always strict), images must be

    set to remove baseline descender space. While display block will work it

    is usually not a good solution as it will effect the ability to float or

    display images adjacently. The preferred fix is usually to set a

    vertical-align property to a value of bottom.

     

    --

    Al Sparber - PVII

    http://www.projectseven.com

    The Finest Dreamweaver Menus | Galleries | Widgets

    Since 1998

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 21, 2013 9:11 AM   in reply to Ness_quick

    Ness_quick wrote:

     

    Osgood thats perfect thank you! Could you please explain to me why those gaps where there when there weren't any margins applied?

     

    Some tags like heading tags for instance h1, h2, h3 etc have default margins applied so you need to zero them out otherwise they may cause issues like the one you had.

     

    As for the image.........I think that is a browser specific issue. To get around that you have to turn it from an inline element (which it is by default) to a block level element using display: block;

     

    As you do more developing the more knowledge you will accumulate - you will become familiar with these issues and have the knowledge to correct them. I'm told there is good reason but I'm not really interested in reading techo stuff (which usually is a load of bullsh*t) I'm only interested in solutions so I can get the job done..

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 21, 2013 9:19 AM   in reply to Al Sparber

    Al Sparber wrote:

     

    In a page with a strict DOCTYPE (HTML5 is always strict), images must be

    set to remove baseline descender space. While display block will work it

    is usually not a good solution as it will effect the ability to float or

    display images adjacently. The preferred fix is usually to set a

    vertical-align property to a value of bottom.

     

    --

    Al Sparber - PVII

    http://www.projectseven.com

    The Finest Dreamweaver Menus | Galleries | Widgets

    Since 1998

     

    Thanks for the information Al I didn't know that. I'm way behind the time - I'm not using HTML 5 doctype yet.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 21, 2013 9:47 AM   in reply to osgood_

    It's not a browser issue. Please see my post

     

    --

    Al Sparber - PVII

    http://www.projectseven.com

    The Finest Dreamweaver Menus | Galleries | Widgets

    Since 1998

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 21, 2013 9:51 AM   in reply to Al Sparber

    Al Sparber wrote:

     

    It's not a browser issue. Please see my post

     

    --

    Al Sparber - PVII

    http://www.projectseven.com

    The Finest Dreamweaver Menus | Galleries | Widgets

    Since 1998

    Yeah I read your post see mine

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 21, 2013 9:53 AM   in reply to osgood_

    Sorry I read Adobe forums in an email client ant there is no

    threading. My mistake.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points