For general web development questions that are not specifically related to CSS HTML Validator. This includes (but is not limited to) general HTML, CSS, Accessibility, JavaScript, and SEO questions.
I'm not sure why it's not working for you. If you can post more information and example HTML/CSS then it should help a lot in figuring out why it's not working.
paulp575 wrote: ↑Thu Aug 20, 2020 12:34 am
It won't let me attache files in .htm format so now what?
Hello,
You can try putting the file(s) into a ZIP file or email the file(s) directly to me at support at htmlvalidator dot com.
Or you can just copy and paste the relevant HTML/CSS parts of the file into a reply in the forum. This would be best if the HTML/CSS isn't too big. I don't know why it would be for this issue.
It looks like your main content is in a "th" element in a "table". That's not a good idea. Main content should be in a "main" element. Tables should be used for tabular data.
As for the bolding issue, the text is already bold because it's in a "th" element which is, by default, bold... so bolding it again is not going to work (usually anyway; maybe in some cases it can get even bolder but I am not sure exactly how this would work).
<table class="WIDTH85P TABLE-CENTERED BACKGROUND-COLOR-LIGHT-GRAY TABLE-CELLPADDING-15PX">
<tr class="TEXT-ALIGN-VERTICAL-TOP">
<th>
<div class="TEXT-ALIGN-CENTER TEXT-HEADER">EWATV Privacy Policy</div>
<br>
<div class="TEXT-ALIGN-LEFT TEXT-SIZE-18PX">
<strong>What information do we collect?</strong>
<br><br>
We collect information from you when you register on our site, subscribe to our newsletter, respond to a survey, or fill out a form.
<br><br>
When ordering or registering on our site, as appropriate, you may be asked to enter your name, e-mail address, mailing address, or
phone number. You may, however, visit our site anonymously.
<br><br>
<strong>What do we use your information for?</strong>
<br><br>
Yes, it's contained in a TH tag. When I remove the
Yes, this is interesting. It seems Chrome and Firefox (and other browsers) are rendering this in different ways. Firefox and Internet Explorer are making the bold text even bolder (font-weight: 900) when <strong> is used, while Chrome and Edge are not (font-weight: 700).
It looks like if you explicitly set font-weight to 900 for the <strong> tags (actually "font-weight: bolder" might be best) then Chrome and Edge will work like Firefox and Internet Explorer.
But ultimately I recommend that you remove the page content from the table header cell. That's not proper use of <th> and it's causing the boldness problem.
Please let me know if you see anything else that should be fixed.
Thanks,
Hello,
It still looks like the page's main content is in a table; it's in a <td> element instead of <th> this time, which does resolve the bold problem, but tables should be used for tabular data and not for page layout.
Can you remove the table containing the main content and put the main content into a <main> element instead? The should make for a significant improvement in semantics... but then again, in practicality it may not be worth fixing.... it's totally up to you of course.
This is my first foray into HTML5 and it's teaching me a lot of new things. I've been doing websites since the mid-90s and apparently repeating bad habits .
What's the impact of changing the main content to the
It's like a special <div> that you put the main content of your page in it... no headers, footers, sidebars, navigation, etc... just the main page content.
MDN web docs wrote:The HTML <main> element represents the dominant content of the <body> of a document. The main content area consists of content that is directly related to or expands upon the central topic of a document, or the central functionality of an application.
It's definitely possible that replacing your main table with <main> will result in better rendering on mobile devices... but it probably depends on a lot of factors especially your CSS. Using <main> and the other new HTML5 semantic elements will also help with accessibility.