1 Correct answer
You're overusing <h1> tags (you should only have 1 per page) and the browser default padding/margin is causing the extra space in those items where you have two <h1> tags next to each other.
Run the validator at http://validator.w3.org/nu to get a listing of your errors and warnings, that way you can avoid improperly structuring your page before it gets this far..
If you don't want to use browser defaults for margins and padding on your html elements, adding the following at the top of your css wi
...
31
Replies
Mamma Mia, here we go again.
If you feel that the trio are providing faultless replies, how about this one?
You're overusing <h1> tags (you should only have 1 per page)
What is wrong with
<body>
<div>
<h1>Whackamoon Legumes!</h1>
</div>
<article>
<h1>The proper use of peanuts</h1>
<h2>How to eat peanuts</h2>
<p>Peanuts can be eaten with salt.</p>
<p>This is an acceptable use of peanuts.</p>
<h3>Superior peanut eating methods</h3>
<p>Peanuts are infinitely better when combined with chocolate.</p>
<p>We recommend this approach for best results</p>
<h2>Incorrect application of peanuts</h2>
<p>Peanuts should not be used to fill parking meters.</p>
<p>They will not be effective in this capacity.</p>
</article>
<article>
<h1>Boiling beans</h1>
<h2>Is boiling beans really worth it?</h2>
<p>Let's be honest, it takes ages.</p>
<p>We advise just buying canned beans instead.</p>
</article>
</body>
which gives this document outline:
As far as a document reset is concerned, ready made resets like Bootstrap's reboot, are mere KB's in size, hardly worth the discussion.
BenPleysier wrote
Sorry, there is no debate when the facts are there. Have a look at Using HTML sections and outlines - Developer guides | MDN
I dont even understand that link. Are they infering multiple <h1> headings can be used in html4?
Structure of a document in HTML 4
<h1>Forest elephants</h1>
<p>In this section, we discuss the lesser known forest elephants.
...this section continues...
<h2>Habitat</h2>
<p>Forest elephants do not live in trees but among them.
...this subsection continues...
<h2>Diet</h2>
<h1>Mongolian gerbils</h1>
Why would they even suggest that, unless I'm reading it incorrectly?
Yet on this page HTML 5.2: 4.3. Sections they suggest you mark the code up as such: (I dont see any multiple <h1> tags within the <section> tags.
<body>
<h1>Let’s call it a draw(ing surface)</h1>
<section>
<h2>Diving in</h2>
</section>
<section>
<h2>Simple shapes</h2>
</section>
<section>
<h2>Canvas coordinates</h2>
<section>
<h3>Canvas coordinates diagram</h3>
</section>
</section>
<section>
<h2>Paths</h2>
</section>
</body>
Yet on the page you link to this is ok too:
<section>
<h1>Introduction</h1>
<p>In this section, we discuss the lesser known forest elephants.</p>
</section>
<section>
<h1>Habitat</h1>
<p>Forest elephants do not live in trees but among them.</p>
</section>
Also on the page you linked to there is the warning below:
Important: There are no implementations of the proposed outline algorithm in web browsers nor assistive technology; it was never part of a final W3C specification. Therefore the outline algorithm should not be used to convey document structure to users. Authors are advised to use heading rank (h1-h6) to convey document structure.
BenPleysier wrote
I'd love to know the difference between a full-blown reset and a partial reset. If it is a matter of bytes then it is not worth a discussion.
Don't know if you're old enough
to remember Eric Meyers reset - that's the kind of junky re-set I'm refering to. I'm not taking about bytes at all, thats insignificant. It's the approach that is wrong, in my opinion.
Don't know why you replied to me AL, but every one of your points are correct 
.
The problem though would not be solved for many, as Dw itself is becomming a joke in the development world. Then again Adobe and the Dw managment can do what they wish, after all, it is their program.
pziecina wrote
Isn't all this about h1, (etc) and css resets a mute point anyway?
It may be for some.
pziecina wrote
Most Dw users do not use html5 semantics to mark-up a page, bootstrap and all other Dw started pages also do not. Plus much of css3 and html5 support is missing from Dw.
In that case most(?) users miss out on the beauty of HTML5. The fact(?) that much support is missing in Dreamweaver is not an excuse not to use CSS3.and HTML5.
pziecina wrote
As for css resets, who cares?
They are default in the bootstrap css, and 90% of Dw users probably have no idea about what they do, (or why) and probably no longer know if they are required.
Pardon me, I care about resets and so should every web developer. As an example, here is some content shown in different browsers.
After adding a 5KB file, I get the the following result:
CSS resets? Who cares?
Edit: My bad, the file is 4KB not 5KB.
AdChoices