8 replies [Last post]
cdumez
cdumez's picture
Offline
newbie
Last seen: 5 years 31 weeks ago
Timezone: GMT-5
Joined: 2014-05-08
Posts: 3
Points: 4

Need some help getting text to wrap around floated image. http://www.brookfieldcrc.org, the "Dig Deep" logo. The image has .image_float_left { float: left; }, and sits inside .news { float: right; height: 232px; width: 463px; margin-right: 31px; padding-right: 12px; overflow-y: auto; } I want the text to wrap. can you help?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 8 hours 27 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9745
Points: 3824

You need to float the image,

You need to float the image, i.e.

.image_float_left img {
  float: left;
  }

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

cdumez
cdumez's picture
Offline
newbie
Last seen: 5 years 31 weeks ago
Timezone: GMT-5
Joined: 2014-05-08
Posts: 3
Points: 4

Thanks for taking the time to

Thanks for taking the time to reply, Gary. But if you look again at my post, that's exactly what I have. This is the problem...it's not working.

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 3 years 19 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

Open your bcrc3.css file and

Open your bcrc3.css file and add this command to the bottom of your css file:

.image_float_left > p:nth-child(1) > a:nth-child(1) > img:nth-child(1) {
    float: left;
}

this will make the text wrap around your image.
Cheers Henk.

Check Maximum Webdesign for your online solutions

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 8 hours 27 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9745
Points: 3824

No, it's not

cdumez wrote:

Thanks for taking the time to reply, Gary. But if you look again at my post, that's exactly what I have. This is the problem...it's not working.

What you have is this:

.image_float_left {
  float: left;
  }

You are floating the image's and its sibling's container not the image.

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 3 years 19 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

Uhmm no I am not taking it

Uhmm no I am not taking it siblings.. what happened with my code is that I just took this only one image on the whole website. Cool

Lol, sorry didn't read correctly, thaught you were talking bout my post Tongue

Check Maximum Webdesign for your online solutions

cdumez
cdumez's picture
Offline
newbie
Last seen: 5 years 31 weeks ago
Timezone: GMT-5
Joined: 2014-05-08
Posts: 3
Points: 4

YAY! It worked!

Thanks Henk. Your code did the trick. I really appreciate both you and Gary going to the trouble of figuring out my problem. No way I would have ever come up with that solution. Please go to a local pub, buy yourself a beer, and put it on my tab!

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 8 hours 27 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9745
Points: 3824

Um,

I'll need your card number and PIN.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 3 years 19 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

Yay, another solved mystery

Yay, another solved mystery followed by a nice cold yellowish one Smile

Check Maximum Webdesign for your online solutions