Text in H3 tag is missing when using CSS

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Linda Jimerson
    New Member
    • Mar 2007
    • 13

    Text in H3 tag is missing when using CSS

    Hi - I'm using xhtml 1.0 and css 2.0 to code my website. I've run into an odd
    problem. I have a simple <h3> element (centered) under my photo, but as you can see Iin FIREFOX, Opera and Netscape) the first word of my <h3> header is tossed to the right top of larger div. Can anyone help. It seems like this only happens when the first word is very short (two or three chars). Thanks sooo much. linda

    http://www.acrosstheun iverse.us/zpaphotoladinet te.htm
  • Ganon11
    Recognized Expert Specialist
    • Oct 2006
    • 3651

    #2
    This question should be in the HTML / CSS forum.

    Comment

    • Linda Jimerson
      New Member
      • Mar 2007
      • 13

      #3
      Using xhtml and css - but the first word of my &lt;h3&gt; is tossed away...see what I mean

      Hi - I'm using xhtml 1.0 and css 2.0 to code my website. I've run into an odd
      problem. I have a simple <h3> element (centered) under my photo, but as you can see Iin FIREFOX, Opera and Netscape) the first word of my <h3> header is tossed to the right top of larger div. Can anyone help. It seems like this only happens when the first word is very short (two or three chars). Thanks sooo much. linda

      Comment

      • AricC
        Recognized Expert Top Contributor
        • Oct 2006
        • 1885

        #4
        Originally posted by Linda Jimerson
        Hi - I'm using xhtml 1.0 and css 2.0 to code my website. I've run into an odd
        problem. I have a simple <h3> element (centered) under my photo, but as you can see Iin FIREFOX, Opera and Netscape) the first word of my <h3> header is tossed to the right top of larger div. Can anyone help. It seems like this only happens when the first word is very short (two or three chars). Thanks sooo much. linda

        http://www.acrosstheuniverse.us/zpaphotoladinette.htm
        Linda,
        I'm not seeing the problem can u specify please, also your HTML is not valid.

        Comment

        • r035198x
          MVP
          • Sep 2006
          • 13225

          #5
          Originally posted by Ganon11
          This question should be in the HTML / CSS forum.
          ...and has now been moved to the HTML forum.

          Comment

          • ronverdonk
            Recognized Expert Specialist
            • Jul 2006
            • 4259

            #6
            Originally posted by Linda Jimerson
            Hi - I'm using xhtml 1.0 and css 2.0 to code my website. I've run into an odd
            problem. I have a simple <h3> element (centered) under my photo, but as you can see Iin FIREFOX, Opera and Netscape) the first word of my <h3> header is tossed to the right top of larger div. Can anyone help. It seems like this only happens when the first word is very short (two or three chars). Thanks sooo much. linda

            http://www.acrosstheuniverse.us/zpaphotoladinette.htm
            Also happens in IE 6. The word 'la' is displayed just after the top right of the image. Must have to do with 'clear' attribute.

            Ronald :cool:

            Comment

            • ronverdonk
              Recognized Expert Specialist
              • Jul 2006
              • 4259

              #7
              This is a double post from thread http://www.thescripts.com/forum/thread614573.html in this same forum.

              Ronald :cool:

              Comment

              • Linda Jimerson
                New Member
                • Mar 2007
                • 13

                #8
                Originally posted by AricC
                Linda,
                I'm not seeing the problem can u specify please, also your HTML is not valid.
                Thank you for looking. And, I apologize for posting this twice (I had entered the first and then couldn't find it).

                When I add 'clear: both;' to my h3 tag, the text stays together. Thank you again.

                Linda Jimerson

                Comment

                • Linda Jimerson
                  New Member
                  • Mar 2007
                  • 13

                  #9
                  Originally posted by ronverdonk
                  This is a double post from thread http://www.thescripts.com/forum/thread614573.html in this same forum.

                  Ronald :cool:
                  I apologize - I had entered my problem (the first time) and then couldn't find it.

                  I did get really good info. Adding clear: both; to my h3 tag seems to have resolved my problem. Linda JImerson

                  Comment

                  • Linda Jimerson
                    New Member
                    • Mar 2007
                    • 13

                    #10
                    Originally posted by ronverdonk
                    Also happens in IE 6. The word 'la' is displayed just after the top right of the image. Must have to do with 'clear' attribute.

                    Ronald :cool:

                    I apologize for entering my problem twice. I added it the first time and then couldn't find it.

                    Thanks for your "Clear" info - it fixed my problem. Do you know why this happens - it seems a bit odd. Thank you again. Linda JImerson

                    Comment

                    • Banfa
                      Recognized Expert Expert
                      • Feb 2006
                      • 9067

                      #11
                      Strictly speaking not a double post as the OP originally posted in 2 separate forums. The double post effect was created when a mod moved 1 post to the same forum as the other.

                      Anyway I have merged the threads to reduce confusion.

                      Comment

                      • AricC
                        Recognized Expert Top Contributor
                        • Oct 2006
                        • 1885

                        #12
                        Originally posted by Banfa
                        Strictly speaking not a double post as the OP originally posted in 2 separate forums. The double post effect was created when a mod moved 1 post to the same forum as the other.

                        Anyway I have merged the threads to reduce confusion.
                        Thanks Banfa,
                        Linda have you fixed the clearing problem yet????????

                        Comment

                        • Linda Jimerson
                          New Member
                          • Mar 2007
                          • 13

                          #13
                          Originally posted by AricC
                          Thanks Banfa,
                          Linda have you fixed the clearing problem yet????????
                          Yes - using clear (both) immediately resolved the problem.

                          What can I do to thank you all (besides posting properly - in the right category). This was invaluable info and I really appreciate the help. Thank you.
                          Linda Jimerson (newbie to this site)

                          Comment

                          • drhowarddrfine
                            Recognized Expert Expert
                            • Sep 2006
                            • 7434

                            #14
                            Spread the good word to other nice people.

                            Comment

                            • Linda Jimerson
                              New Member
                              • Mar 2007
                              • 13

                              #15
                              I will absolutely do that. THANK YOU. Linda J

                              Comment

                              Working...