Forums

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.

treehouse : what would you like to learn today?

Forums

[Solved] PLEASE help, please... Wrapping text around image?