HTML tags are not working

  • Today, I started to modify my About page on my blog which is at https://cnconlife.com. Please review the following code I pulled off of my Firebug console:

    <h1>What is cnconlife.com?</h1>
    <p>cnconlife.com is Curt and Cindy Donohue’s take on their surroundings.  That could include people, places, activities or anything else that peaks our interest.  This website will focus primarily on Montrose, Colorado and the surrounding areas such as Ridgway, Telluride, Delta, Olathe, and Grand Junction to name a few.  We  live in Montrose but love the entire Western Slope of Colorado and the Uncompahgre Valley especially.  Don’t be surprised, though, if you see articles on our favorite Denver haunts as well.</p>
    <p>You can expect to see:</p>

    • Restaurant reviews (we love to eat)
    • Parks and trails (have to work off all the eating)
    • Recipes (love to eat again)
    • No-salt, low sodium recipes and info on specialty resources (Cindy’s Mom is on a very strict diet)
    • Our health diary (more exercise stuff to work off the additional eating)
    • Recommendations for certain products or services that we have personally tried and/or use and believe that others could benefit from as well

    <h2>Who is Curt and Cindy Donohue?</h2>
    <div id=”attachment_138″ class=”wp-caption alignright” style=”width: 310px;”><img class=”size-medium wp-image-138″ title=”Curt and Cindy Donohue” src=”https://www.cnconlife.com/wp-content/uploads/2009/02/dsc_0141-300×200.jpg&#8221; alt=”Awe, isn’t that cute?” width=”300″ height=”200″><p class=”wp-caption-text”>Awe, isn’t that cute?</p></div>
    <p>Cindy is a fourth generation Colorado native, which is not all that common any more.  Curt is a North Dakota native and moved to Colorado in 1998.  Curt loves his home state of North Dakota and is also very grateful to now live in Colorado.  Two great states indeed!  The lovebirds met in Denver, lived there for a couple of years, then moved to the other side of the state.
    Curt’s field is construction and he has been a commercial construction project manager since the early 90’s.  Cindy became a licensed professional massage therapist in 2000 and is now half-owner of Main Street Essentials, which is probably the nicest day spa in Montrose.</p>

    I’m not a great coder, yet, but I don’t think the page is doing what the HTML is telling it to do. For instance, in the very first line “<h1>What is cnconlife.com?</h1>,” this is definitely not showing up as Header 1. Further down the page I call out an h2 tag and that isn’t working either.

    When I review the post in the WordPress visual editor, it looks just like it should, but it is not showing up correctly in the final product. Can anyone help?

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi

    Actually you are not correct about

    in the very first line “<h1>What is cnconlife.com?</h1>,” this is definitely not showing up as Header 1. Further down the page I call out an h2 tag and that isn’t working either.

    as you are using firebug, when you point at the H1 element, look in Firebug’s right pane. There you will see that it is indeed applying the H1 styling to the h1 element. The problem is not that the HTML is not doing what it’s supposed to do, the problem is that your stylesheet is assigning to h1 h2 h3 and h4 the styles that would be associated with a p paragraph tag. see style.css (line 100)

    h1, h2, h3, h4 {
font-size:1em;
font-weight:normal;
}

    if you set up a block of CSS after that block like this

    h1 {
font-size: 32px;
font-weight:bold;
}

    you would be seeing more of what you are expecting. Its the way your theme’s CSS is set up that is the issue. If you make that change to the stylesheet, refresh your browser, and again point at the h1 element, you will see this new h1 code displaying in Firebug’s right pane.

    you need to make blocks for h2, h3, h4 also. You can take it from here.

    Thread Starter Curt Donohue

    (@curtdonohue)

    stvwlf,

    Thank you for that response. I see what you mean. I’m a little hesitant to mess my my themes (Thesis) style sheet just yet because I can’t figure out why there is a disconnect between the visual tab when I’m posting and the final result. It looks just fine in the visual tab.

    Have you worked with Thesis or any other themes where this is a problem? I’m going to get the on Thesis support form, where I probably should have went first, and see if they have any input.

    I really appreciate your help and the quick response. Thank you!

    Hi

    The way a post looks in the editor will never match the way it looks on the web. The editor does not use, and is not even aware of, the site’s stylesheet. I work with one browser tab open to the website and another open to the admin section. Make a change in the editor, update, go to the site, refresh, see if I’ve got it yet, then back to the editor to refresh.

    It is very common with new WP users to feel something is wrong when the post looks different in the editor and on the site itself. No, that is just how things work. You get used to it after a while.

    Thread Starter Curt Donohue

    (@curtdonohue)

    stvwlf,

    Ok, got it. Do you use the visual editor at all then, or just the HTML editor? I have done what you say before regarding having both tabs (website and WP admin) up before and then refreshing the website as changes are made in the WP admin panel. I just need to be sure I do it all the time now. Thanks again.

    Hi

    I use the visual editor as much as I can, simply because its faster. I am a programmer so I also spend a fair amount of time on the HTML tab. But many WP users never go to the HTML tab.

    When I have non-trivial amounts of code to write for a WP post I often do it in a text editor & cut & paste into WP when finished. The point to me is get things done as fast as possible, using the most efficient tool for whatever I am doing.

    Hi
    When I needed to add a link from Google sitemap to verify my web site in the HTML editor it doesn’t have the tags it should eg Title, head, body etc, so I don’t know where to put it. It has h5, span and other ones but not what it should,

    Any suggestions thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘HTML tags are not working’ is closed to new replies.