Thread

Using ExpressionEngine v 1.6.8 and trying to insert this:

<div class="floatImageRight">https://ellislab.com/asset/images/team-photo/advisory-121-WBL_08.jpg</div>

into a Custom Section Field (two actually, an Excerpt and Main Content Body) and the CSS styling I am applying to the class .floatImageRight is not having any effect. The custom section fields both have XHTML formatting turned on. I did see it work one time early in my work, but now it doesn’t work and I have not seen it work since that first time.

I’m using a single CSS style sheet and here is the CSS for that element:

.floatImageRight {
    float: right;
    border:  6px solid #a1a1a1;
    margin: 16px 0 16px 16px;
}

There are no conflicting elements of the same name and I used Firebug to look at it as well. It just seems the CSS styling is not having any effect at all. I just cannot figure out why.

Using the Web Developer toolbar addon for Firefox, I can see that my code is showing up correctly in both the linked to CSS file and the XHTML file (upon viewing it’s source). However, using the same Web Developer toolbar, when I use ‘View Style Information’ it doesn’t show my div class as affecting the image element at all.

I’ve never seen this before and I’m at a complete loss. I’ve deleted the blog post (that included the image) and reposted it. Still no luck. I see the photo in the blog post, just fine, but it’s not floating to the right and there is no border around it.

[Mod Edit: Moved to the HTML, CSS, and Design Help forum]

Do you’ve got a link?

Are you wanting to embed the image or the url?

Bryan

Sorry ignore that for some reason the code textareas were not rendering and all that I saw was the url.

Here’s a link to the main blog page: http://wlhc.ehclients.com/wbl_recent_news

and then one to the page with the complete post on it:

http://wlhc.ehclients.com/recent_news/view/testing_blog_post_for_images/

Thanks for your interest and help!

You have “fancy” quotes in your code:

<div class=”floatImageLeft”>

It should be:

<div class="floatImageLeft">

(regular, straight quotes)

Ah! Thanks Ingmar! I really hate that that is an issue, but at least now that I know it, I can document it for the customer so they will be aware. Have a great day!

No worries 😊