inconsisent css

Viewing 15 replies - 1 through 15 (of 21 total)

  • Not without seeing the site.

    Thread Starter rgallison

    (@rgallison)

    sorry my site is https://www.testjustfine.com

    the problem is most evident on the teaching page

    Your site files are totally messed up — look at the rendered HTML code — you have no DOCTYPE the head stuff is in the header section of the page, you have no body tag, to name just a few. The head section is totally empty. Don’t know what happened but there is no point in doing anything until you sort that. Perhaps reinstalling a clean copy of twentyeleven?

    https://validator.w3.org/check?uri=http%3A%2F%2Fwww.testjustfine.com%2F168-2%2Fteaching-2%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    Thread Starter rgallison

    (@rgallison)

    thanks WPyogi

    I did notice that. But the DOCTYPE, html, header, body, all that stuff is there, in header.php, footer.php, etc. Is this not how the theme goes? Because I didn’t change anything like that, intentially at least.

    Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    There is something wrong with your header.php file. You can tell because the first thing that is output is a div element with an id of ‘header’. That means that the <!doctype html> is missing and the opening <head> tag is also not showing.

    Did you use View Source and look at the rendered HTML code?? It’s really messed up. Did you modify the header.php file? Something is not right. Perhaps start by deactivating all plug-ins and switching to the twentyeleven default theme. See where things are then…

    Thread Starter rgallison

    (@rgallison)

    Thanks guys!!! I fixed it. No idea how it got messed up. The problem with the inconsistent css is still there. any ideas on that?

    Okay! I’ll look at the CSS, but there are a bunch of mark-up errors that you still need to fix — sorry, I know these are a pain, but it’s really a waste of time to try to fix things when there are code problems. So start fixing these:

    https://validator.w3.org/check?uri=http%3A%2F%2Fwww.testjustfine.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    For example, the first one — you can’t put a p tag inside hgroup tags — it really should be an h1 tag — very important for SEO too.

    <hgroup>
<p class="title"> Just Fine Design/ Build </p>
</hgroup>

    A bunch of the other errors are because of this:

    <span class="orbit-caption thumb-on" id="post-213">
<h5 class="orbit-title2">A-Frame Coop</h5>
<p></p>
</span>

    You can’t put block level elements inside span tags. Change the span to divs and it should be okay. Set the div to inline if you don’t want it to behave like a block element.

    I just started looking at the CSS and noticed that you are not using a valid child theme — are you aware of that? There is no @import line and you have the entire (modified) twentyeleven stylesheet. ??

    Thread Starter rgallison

    (@rgallison)

    WPyogi, thanks

    Seems like the mark-up errors are the problem! Header no longer shifting after fixing the hgroup error. I have no idea why I thought of putting <p> instead of just changing the <h1>

    Thanks again

    Thread Starter rgallison

    (@rgallison)

    I am aware. I was having trouble overriding things. I suppose I should fix that too

    The thing is, the CSS is pretty much of a mess — you have all kinds of stuff that is going to be really problematic, especially if you want it to work on different devices and across browsers.

    I know you’ve put a lot of work into it already, but you really might be better off going back, making a child theme, making sure your HTML is valid and then starting to make changes.

    Thread Starter rgallison

    (@rgallison)

    ok. Thank you

    I hope you don’t take that the wrong way — what you’ve done is really quite lovely — just that I’d hate for you to get any further and have bigger problems with it :). Post back if and when you need more help, and I’ll try to do what I can.

Viewing 15 replies - 1 through 15 (of 21 total)
  • The topic ‘inconsisent css’ is closed to new replies.

Tags