Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts

    Arrow Change from (span class="t14aw") to <h4> causes the text to increase line spacing.

    On the index page of my website
    www.exitfegs.co.uk

    I have tried to change the menu text command from (span class="t14aw) to use the inbuilt <h4> font.

    This in itself works, but make the linespacing unusable.

    The bottom line :- "One of Betty's favourite poems." is the line that I have altered.

    Part of menu:-

    <a href="nine.html"><span class="t13aw"><strong>Family photos.</strong></span></a><br>
    <a href="hol1.html"><span class="t13aw"><strong>Holiday snaps.</strong></span></a><br>
    <a href="LittleBoyBlue.html"><span class="t13aw"><strong>Little Boy Blue</strong></span></a><br>
    <a href="Tarantella.html"><span class="t13aw"><strong>Do you remember an inn.</strong></span></a>
    <h6>(One of Betty's favourite poems.)</h6><br>

    Can anyone suggest why and is there a remedy.

    effpeetee

    www.exitfegs.co.uk

  • #2
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Quote Originally Posted by effpeetee View Post
    Can anyone suggest why and is there a remedy.
    Hmm... I don't see the issue that you are talking about, but I suspect what the problem that you are experiencing is about. The space you are seeing is probably not due to line-spacing. It is due to margins.

    When it comes to margins on the header elements (h1, h2,..., h6) Internet Explorer and Firefox apply different default values to the element.

    Firefox is consistent (in standards mode) and always applies this:
    Code:
    /* excerpt from html.css */
    h6 {
      display: block;
      font-size: 0.67em;
      font-weight: bold;
      margin: 2.33em 0;
    }
    which shows that the element always has a top and bottom margin.

    Depending on the placement in source IE leaves out the top margin when it 'thinks' that one doesn't want it. To tame the element, you need to explicitly specify the margin to the value that you want. Example:
    Code:
    h6 {
      margin: 0;
    }

  • #3
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Absolutely correct.
    I had not realised that the margin needed setting.

    Many thanks,

    effpeetee


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •