CODEWITHSUNDEEP
htmlcssformattingformatfooter
HTMLorCSS101
HTMLorCSS101

Reputation: 11

Footer Formatting issue, probably a CSS issue?

the URL is http://thebusslab.com/teaching.html

If you look at the footer you can clearly see the formatting issue. Check any other page on the site to see how the footer should appear. I can't figure out if this is an HTML or a CSS issue. If I remove the entire body section of the page the error corrects itself? Any help is greatly appreciated, Thanks in advance.

Upvotes: 0

Views: 52

Answers (2)

i alarmed alien
i alarmed alien

Reputation: 9520

The footer is nested inside two <b> tags:

<b><b> <!--main-->

    <!-- ================================================== Footer ================================================ -->
    <footer class="lessmarginTopBottom">

Remove the <b> tags and the text 'Designed by Evan Buss' is no longer bold, so it fits into the space and doesn't get pushed down to the next line.

I'm sure that it was added accidentally, but note that the <b> tag is deprecated and should not be used for making text bold; font weight and text decoration should be specified in the stylesheets.

Upvotes: 0

mannyyysh
mannyyysh

Reputation: 339

it looks like in html of footer you have different nesting compare to other pages, your footer in teaching.html is enclosed under <b> tag and because of that it is picking up different css styles from styles.css but in other pages it is directly under <div class="container">

see the difference here is your teaching.html dom enter image description here

here is your other pages dom enter image description here

Upvotes: 2

Related Questions