PLEASE help, please… Wrapping text around image?

[hendrix940]

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.

[Mottie]

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;

}

[hendrix940]

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?

[Dakrneveah]

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.

[hendrix940]

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

[hendrix940]

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

[hendrix940]

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.

[Paulie_D]

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

[Paulie_D]

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.

[hendrix940]

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

[hendrix940]

Thanks Paulie.

[Author]

Posts