Grow your CSS skills. Land your dream job.

PLEASE help, please… Wrapping text around image?

  • # September 1, 2012 at 2:26 pm

    I appreciate the help. Trying to have text wrap around the image. I want this page: http://www.hayleyhendrix.com/test_info to look like this page: http://www.hayleyhendrix.com/info. Thanks so very much.

    # September 1, 2012 at 3:44 pm

    Hiya!

    Just add a float: left; to the img css:

    #info-page img {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #E8EAE8;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    float: left;
    }
    # September 1, 2012 at 4:17 pm

    Yes, that moved the text up, but it also broke my box. That is to say, now the img is no longer contained within the gray box in was within. Also, now the footer is out of its containing box. Any other suggestions?

    # September 1, 2012 at 4:26 pm

    Cant you just copy paste the css code that is effecting the img or text and put it on the page you want to edit?
    Page-source you can find it.

    # September 1, 2012 at 4:32 pm

    Mottie, you were right, I had another error that was causing me issues. Thank you for your help.

    # September 1, 2012 at 4:32 pm

    Dakrneveah, I’m doing the best I can… yes I am copying and pasting ….

    # September 1, 2012 at 4:34 pm

    Can ya’ll advise me on how to add the padding to push the text to the right away from the photo. Adding a padding. Thank you.

    # September 1, 2012 at 4:36 pm

    Works for me. Are you sure you applied the float to the “#info-page img” ?

    # September 1, 2012 at 4:38 pm

    For the padding, add that to the paragraph style

    #info-page p {
    padding: 0 10px;
    }

    You might also want to add some margin to the image to push it away from the side of the grey box.

    # September 1, 2012 at 4:41 pm

    n/m got it. I appreciate sincerely all the help!

    # September 1, 2012 at 4:42 pm

    Thanks Paulie.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".