Posted by marc-gdo on January 21, 2008 at 9:46pm
Howdy all,
I've been working on the kboo.fm site for a while now but am still encountering trouble with wrapping text around pictures.
My HTML is a bit dated - I'm used to wrapping text around pictures using the align attribute. This doesn't seem to work within our site, and I need to start using div tags more anyway.
Is it possible to have text wrap around pictures using divs? Thanks,
Marc
Comments
Hi Marc,
Hi Marc,
You can assign a css style to that image. Either do it as an inline style,
<img style="float:left;">, or as a class selector,<img class="left">, then add a class to your css file:.left { float: left; }. You may want to add some padding around it like so:padding: 10px;I have to say as a long time listener and visitor to kboo's web site, the new Drupal site is awesome!
Thanks very much! I thought
Thanks very much! I thought it would have to be something handled with the css file, but wasn't sure if there was anything I (or our numerous web-illiterate users) could do within the FCK editor.
I'd like to add that there's lots more that we'd like to do with our site that our current developer Roger (who comes to the Portland Drupal meetings) just doesn't have enough time for.
If anyone would be interested in helping make the site even better (we've got lots of ideas for new features) please let me know!
Marc
FCK Editor Themed Classes
You do have to call the Styles tab into FCKeditor (its not in there by default) - fckeditor.config.js
find:
['FontFormat','FontName','FontSize'],replace with
['Style','FontFormat','FontName','FontSize'],
Their is already a built in style for images found in fckstyles.xml:
Or you clone that fckstyles.xml into your theme folder and define new ones there (FCK will look here first):
themes/garland/fckstyles.xml
ex:
<Style name="Image Left" element="span"><Attribute name="class" value="left" />
</Style>