H tags - blank lines concern

Discussion in 'HTML & Website Design' started by boron, Feb 28, 2008.

  1. #1
    I've used H tags on subtitles in an article, and then I noticed on a "preview" that there is a lot of blank lines between the subtitles and the text. So I "deleted" some of these blanks, using WYSIWIG editor (in Google documents), and it looked OK on a preview. I even mailed the article to myself (in HTML), copied HTML, pasted it back to Google documents, and it's OK.

    But I'm worried, won't these blank lines appear again, when someone will read the article (published on a WP blog) in Linux or other non-Windows OS?
     
    boron, Feb 28, 2008 IP
  2. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I assume you mean <h1>, <h2>, etc and not <hr> right?

    Those headers usually come in a certian default on most browsers. Usually, browsers make headers bold, have a certain default font size (<h1> being the largest and <h6> being the smallest), and have spacing around them. They aren't really lines. It's space.

    Better to first use the appropriate tag. For instance, you should only have one <h1> per page (as it means the Title of the Page), and things that are sub-headings of a bigger header should be one number down.

    Second, to correctly remove the spacing so no browser anywhere will ever accidentally render it, remove margins and padding from your headers. If you have a CSS file (and you should) this will be easy.

    h1 {
    margin: 0;
    padding: 0;
    }

    Or,
    h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    }

    Even better though would be to remove the margins and padding from everything, simply because each browser has a different default. So other parts of your page will look different in different browsers as far as spacing and the such.

    You might not want to take ALL the spacing away from your header. So you could set a bottom margin or a top margin if you want.

    h2 {
    margin-bottom: 10px;
    }
     
    Stomme poes, Feb 28, 2008 IP
    sawz and boron like this.
  3. boron

    boron Well-Known Member

    Messages:
    1,072
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    140
    #3
    I hope all the Interwebs wil accept this. I can use it, when writing in my blog.

    In this particular case I have to mail an edited article for publishing in the other-man's blog, so I can manipulate only HTML. I've found out that H6 tags are of the same size as if you use bolding, and I couldn't resist...Now I guess I'll switch back to bolding.
     
    boron, Feb 28, 2008 IP
  4. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #4
    If you are emailing articles with certain formatting, maybe you want to have a non-html version? Have it formatted in some word processing programme, one that the reciever also has. Then the person receiving the email will certainly see the document the same way you do. You mailed the document to yourself-- but email clients differ and it's possible that say Gmail doesn't screw up your blog article but Yahoo does. If it's a zipped file or something, that may guarentee that your document remains unchanged.
     
    Stomme poes, Feb 28, 2008 IP
  5. boron

    boron Well-Known Member

    Messages:
    1,072
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    140
    #5
    I write in 'Google documents' on a computer which has no Word installed and no download to hard disk is possible. I've used "Send as Word" in G. documents and it worked just fine so far. But now I used these <H5-6> tags (for SEO purpose), and Word "translate" them into a "font size". So zipped HTML is the only solution I guess.
     
    boron, Feb 28, 2008 IP