floating an image to the right of headings and paragraphs

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • dreamcatcher
    New Member
    • Nov 2006
    • 16

    floating an image to the right of headings and paragraphs

    Hi there,
    I've a problem with IE 6 floating an image to the right of some body content which is contained in a p tag which is followed by a level 3 heading and a list.
    The floated image works fine in the ever dependable Mozilla, i.e. the content aligns neatly along the left hand side of the image. The thing is there's a gap between the first paragraph and the next level 3 heading. I know it's an IE problem, does anyone have a solution for it? If this dosen't explain I'll send on a url. Many thanks S.
  • macklin01
    New Member
    • Aug 2005
    • 145

    #2
    Hmm, I managed to get "pull quote" div's to hang to the right or left of paragraphs on this page:



    with this CSS:



    It worked in both FF/Mozilla and ie6 when I did my testing. (I now have ie7 due to the MS rollout yesterday.)

    I'm afraid I don't have time to give explicit details on how to do it, but if you dig through the source of those two pages, you should be able to see how it's done. Please do post if you continue to have difficulty. -- Paul

    Comment

    • dreamcatcher
      New Member
      • Nov 2006
      • 16

      #3
      Originally posted by macklin01
      Hmm, I managed to get "pull quote" div's to hang to the right or left of paragraphs on this page:



      with this CSS:



      It worked in both FF/Mozilla and ie6 when I did my testing. (I now have ie7 due to the MS rollout yesterday.)

      I'm afraid I don't have time to give explicit details on how to do it, but if you dig through the source of those two pages, you should be able to see how it's done. Please do post if you continue to have difficulty. -- Paul

      Cheers for the reply Paul,

      what I'm looking at is contained within a single div tag, I probably should have added the url to explain the way IE changes the layout in the center column. Is this a quirks mode thing, I just read about it briefly. Anyway the url is: http://www.wallswelldr illing.ie/index2.htm, the site's a work in progress. S

      Comment

      • macklin01
        New Member
        • Aug 2005
        • 145

        #4
        Originally posted by dreamcatcher
        Cheers for the reply Paul,

        what I'm looking at is contained within a single div tag, I probably should have added the url to explain the way IE changes the layout in the center column. Is this a quirks mode thing, I just read about it briefly. Anyway the url is: http://www.wallswelldr illing.ie/index2.htm, the site's a work in progress. S
        Hmm, alas, I don't have ie6, so I can't really see the issue firsthand. Can you get a screenshot? Or, which name (including graphic name, so it's easier to search in page source).

        Anybody else? -- Paul

        Comment

        • AricC
          Recognized Expert Top Contributor
          • Oct 2006
          • 1885

          #5
          Site looks nice no IE you got a SS?

          Comment

          • dreamcatcher
            New Member
            • Nov 2006
            • 16

            #6
            Originally posted by AricC
            Site looks nice no IE you got a SS?
            Yea I've a secure server sure.

            Comment

            • dreamcatcher
              New Member
              • Nov 2006
              • 16

              #7
              Originally posted by macklin01
              Hmm, alas, I don't have ie6, so I can't really see the issue firsthand. Can you get a screenshot? Or, which name (including graphic name, so it's easier to search in page source).

              Anybody else? -- Paul
              Hi there, unfortunately I can't paste a screenshot into this app. but the code is from just below the second heading of About Us.

              In IE the content of "We provide the following.... which is a h3 heading sits below the image "img src="walls_well _drilling_image s/geothermal_home .jpg". Thanks for your time. S

              <p><img src="walls_well _drilling_image s/geothermal_home .jpg" alt="Wall’s Well Drilling, geothermal and borehole machinery." width="190" height="225" />
              James Wall Well Drilling was established over forty years ago in Co. Wexford.
              </p>
              <h3>We provide the following drilling services to the Domestic , Agricultural
              and Industrial sectors:</h3>
              <ul class="sitemap" >
              <li><a href="walls_wel l_drilling_wwd. htm">Water Well Drilling</a></li>
              <li><a href="walls_wel l_drilling_bore holes.htm">Moni toring Boreholes</a></li>
              <li><a href="walls_wel l_drilling_geot hermal.htm">Geo thermal Boreholes</a></li>
              </ul>
              <p>Wall’s Well Drilling is now a second generation family business operating
              predominantly throughtout the South East of Ireland. It is currently owned
              and managed by Nicholas Wall Bsc. NCEA Dip Eng. AMIEI.</p>

              Comment

              Working...