problem with floating

  • sasjoy

    (@sasjoy)


    14 years, 12 months ago

    I have an image with text floated to the left.

    I then try to clear the float so that I can place additional text UNDER the image.

    However, no matter what I do, the text stays floated even after I clear the float.

    Here is an example I made to illustrate the problem.
    (http://www.whysles.com/discography)

    I’m pretty new to css, so I’m hoping it is something obvious that I’m missing.

    Thank you so much for your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • jsalmela

    (@jsalmela)

    14 years, 12 months ago

    Your <a><img></a> is inside a <p class="albums_image"> which has a “float: left” in CSS, remove that and voilà, it’s all in order. You shouldn’t use <p> to style the image anyway, you should either use the <img> or the <a>. It just doesn’t make sense to use paragraph element to style an image ;).

    BTW, it’s located in style.css at line 323 according to my Chrome Inspector, in case you don’t know where to remove it from.

    P.S. There are better forums for CSS toubles.

    Thread Starter sasjoy

    (@sasjoy)

    14 years, 12 months ago

    I tried to use <img class=”albums_image”> instead of <p…but, when I use <img, my CSS styling is getting ignored.

    I don’t want both lines of text to be underneath the image. I want one line of text to the right of the image and the other line under the image.

    the way my page is right now, the lines are switched opposite of the way I want it and I can’t for the life of me figure out what I’m doing wrong.

    I’d really appreciate any help, this is driving me insane. If this is not the correct forum, could you please recommend a good place to ask?

    the page again is (whysles.com/discography)
    thank you so much!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘problem with floating’ is closed to new replies.