I appreciate any help with this!!
]]>I am currently using the theme Twenty Eleven on my website. I am currently trying to use the W3C Markup Validation Service to make sure my site is up to standards.
I have been given two (2) errors about the same thing. They are as follows.
Line 65, Column 11: Element hgroup not allowed as child of element header in this context. (Suppressing further errors from this subtree.)
and…
Line 65, Column 11: The hgroup element is obsolete. To mark up subheadings, consider either just putting the subheading into a p element after the h1-h6 element containing the main heading, or else putting the subheading directly within the h1-h6 element containing the main heading, but separated from the main heading by punctuation and/or within, for example, a span class=”subheading” element with differentiated styling. To group headings and subheadings, alternative titles, or taglines, consider using the header or div elements.
I am not a coder, but if I can get some straight information and instructions on how to fix this I think I can do it.
I’ve searched the entire support forums for similar topics and I only found one from over a year ago and it has been closed with no comments. If you close this, please comment and tell me what I’m doing/saying wrong.
Thanks, Morgan
]]>Validation Output: 2 Errors
Error Line 37, Column 52: Element hgroup not allowed as child of element header in this context. (Suppressing further errors from this subtree.)
<hgroup id=”branding” class=”twelvecol last”>
Content model for element header:
Flow content, but with no header, footer, or main element descendants.
Error Line 37, Column 52: The hgroup element is obsolete. To mark up subheadings, consider either just putting the subheading into a p element after the h1-h6 element containing the main heading, or else putting the subheading directly within the h1-h6 element containing the main heading, but separated from the main heading by punctuation and/or within, for example, a span class=”subheading” element with differentiated styling. To group headings and subheadings, alternative titles, or taglines, consider using the header or div elements.
<hgroup id=”branding” class=”twelvecol last”>
Not sure where to edit or what even to edit! Trying to figure out why my photos won’t show up on Bloglovin and hoping this is it! If it’s not, teach me to fix that too please!! I’m a newbie!
The blog I need help with is www.visionsofvogue.com.
]]>This header is what it needs to look like but I know it’s not proper. I can’t select the H2 tagline text and it’s all over the place on the iPhone. Should I avoid absolute positioning? Should I put new divs above the hgroup or inside?
]]>I’m doing this new theme built on Twenty Twelve and I’m using the hgroup to display a logo for the site and I want the main-navigation nav to appear beneath the logo and right now, it’s in front of it. I’ve tried numerous z-index tricks in my CSS. Nothing seems to change.
The theme is here and if anyone has a suggestion to get the logo to appear over the nav, let me know.
]]>I can move it all over by changing the hgroup margin from 7.6% to say 70% but when I do that, I get line wrap from the site-description.
I’m trying to find an elegant way.
https://barclayanderson.com/cms
Any ideas?
]]>I replaced the site title with an image, now I want to have the left margin reduced.
I’ve looked at all of the containing elements (hgroup, site-title, h1) in the master CSS as well as within my own child CSS, and I can’t find anything that sets the left margin. The only margin setting I can find is my own margin: 30px 0 0 0 in the site-title section to give me some clearance above the logo.
vegestrie.shep.ca
Help me out, CSS gurus!
]]>