By kelvinf on

Hello! First time posting - though I've been managing a drupal site now for two years. We've had a custom themed site for a while now, and it seems to be overriding some css that I created for a specific page that I hardcoded - nothing special, just html and css. Specifically, I can't get my text to wrap around my images. The images are floated right. I've published the page so you can check it out: http://www.apgsensors.com/content/get-power-remote-tank-level-monitoring...

You'll notice as you scroll down that several images are breaking up my paragraphs and lists. The first paragraph is wrapping. I'm putting the img tag inside the p tag. I'm following the basic tutorials I can find but to no avail. This one is making me crazy! Please help!

kelvinf

⋅ Categories: Drupal 6.x

Comments

cfox612’s picture

cfox612 commented

The image should not be within the paragraph tags. The image should be placed first, followed by the first paragraph tag (then the rest of the paragraphs).

kelvinf’s picture

kelvinf commented

Now that I've pulled it out of the paragraph tags (funny, cos text wrapping has always worked for me inside the paragraph tags before), it won't even float right. It's floating left! I have to put it back inside the p tags to fix that issue. I have two css lines I've tried so far:

.feature_body img{
float:right;
margin-left:15px;
margin-bottom:5px;
}

and

.float_right {
float:right;
margin-left:15px;
margin-bottom:5px;
}

Nothing is working! Help me please!

kelvinf’s picture

kelvinf commented

Just some messy and contradictory CSS. I had to spend some time Inspecting the code in Chrome and mess with disabling certain suspect items. Three full business days later...