Problem with HTML on new page

Discussion in 'HTML & Website Design' started by Nathan Mclean, Jul 2, 2013.

  1. #1
    This is the homepage of my site - http://www.debtfreescotland.org.uk/

    This is the new page im creating - http://www.debtfreescotland.org.uk/trust-deeds-scotland.php

    The text under the video - The <h2> tags won't creating a heading for some reason..

    Does anyone know why this is?

    Thanks
     
    Nathan Mclean, Jul 2, 2013 IP
  2. HuggyStudios

    HuggyStudios Well-Known Member

    Messages:
    724
    Likes Received:
    20
    Best Answers:
    26
    Trophy Points:
    165
    #2
    It's because styles.css on line 33 is setting this rule:
    
    html, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img,small, strong, ol, ul, li, form, label, table, caption, tr, td, footer, header {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    
    Code (markup):
    Take out font-size and font: inherit and that should fix your problem.
     
    HuggyStudios, Jul 2, 2013 IP
  3. Nathan Mclean

    Nathan Mclean Member

    Messages:
    86
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    45
    #3
    Thanks but didn't work :/
     
    Nathan Mclean, Jul 2, 2013 IP
  4. Nathan Mclean

    Nathan Mclean Member

    Messages:
    86
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    45
    #4
    oh wait my bad it did!! :)

    but it seems to have thrown a few things on my site off
     
    Nathan Mclean, Jul 2, 2013 IP
  5. Nathan Mclean

    Nathan Mclean Member

    Messages:
    86
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    45
    #5
    It works fine when I just remove font: inherit; but the header image in my site is a little bit off when I remove that
     
    Nathan Mclean, Jul 2, 2013 IP
  6. HuggyStudios

    HuggyStudios Well-Known Member

    Messages:
    724
    Likes Received:
    20
    Best Answers:
    26
    Trophy Points:
    165
    #6
    Set it with chaining. Change the wrapper class if it's used elsewhere.

    
    .row-fluid.abtt h3{
    font-size: normal;
    font:inherit;
    }
    
    Code (markup):
     
    HuggyStudios, Jul 2, 2013 IP
  7. Nathan Mclean

    Nathan Mclean Member

    Messages:
    86
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    45
    #7
    I'm in over my head haha, I'm just trying to save a few quid but I should really just find a programmer to do it. Thanks Huggy
     
    Nathan Mclean, Jul 2, 2013 IP
  8. asma1042

    asma1042 Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #8
    I have made a video tutorial on Basic HTML,CSS and JQuery. I hope this will be helpful to you. The tutorial link is here
     
    asma1042, Jul 2, 2013 IP
  9. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #9
    kk5st, Jul 2, 2013 IP