Issue with headings

HTML & CSS
1

Hey guys

I know what the problem is, and I know what’s causing it, and I know what should fix it, but it isn’t working.

On http://casaraydf.ca/members.htm, “Roles” has a <h3> tag, but the <p> following it doesn’t drop text down to the next line. I know that elsewhere in my CSS I set <h3> to ‘display:inline;’ (to affect all <h3> tags) but I later assigned a class to it so it shouldn’t affect any other tags.

I’m just looking for a reason why it isn’t working.

My CSS can be found at http://casaraydf.ca/style.css

Thanks in advance

2

Really? I don’t see anywhere in your CSS stylesheet where you set display:inline :). Could you point that out to me?

I DID, however, find that by default, on all <h3>'s, you set it to float:left;

That’s causing the issue. I don’t know why you have that set as default, but if you need to keep that as default (bad idea in my opinion), set a class to that H3 and unfloat it. OR, do something like this


#[COLOR=#000000][FONT=Consolas]bodycontent h3{float:none;}

[/FONT][/COLOR]

3

Thanks for you reponse, and I’ll try your suggestion when I get back to a computer.

‘display:inline’ is under a class called ‘.anniversary’, which in my HTML is twice-nested under the “tagline” div. That part is only temporary.

Thanks again.

4

Okay, I was able to try your suggestion, but removing the ‘float:left;’ from my CSS affecting ‘h3’ causes this: http://casaraydf.ca/screenshot.png

5

As far as I can see, the only place you need float:left is on that first <h3> in the #tagline div, so why not just assign it a class and apply the float there, as you have with the second <h3> and float:right?

6

Thanks a lot for your help, guys. I got everything straightened out.

Now I have another question… How many <div>s are too many? :slight_smile:

http://casaraydf.ca

7

If you have to question whether you have too many divs, you do.

A general rule of thumb is that if a div isn’t being used for anything important, or it could be combined with another element, then you have too many divs.

You have a few divs in there that have no styling at all…