By bernart on

Hi,

I am using 4.6 with img_assist and tinymce. I can't figure out how to make the text wrap around the image inserted with img_assist. text either appears above or below the image. I see other threads dealing with this subject but I can't seem to get their suggestions to work.

thnx

⋅ Categories: Drupal 4.6.x

Comments

seaneffel’s picture

seaneffel commented

Maybe this is your answer. The [node:nn] tag works like a simulated HTML. Try this as an example.

[image:n align="left"]

n is the number of your image you have already posted. You can also add all the other Only local images are allowed. html tags too. Here is a bigger example with width and border settings followed by sample body text so you can see how it works:

[image:n align="left" hspace=3 vspace=3 width=200] What a hot lookin image I have here, blah blah blah.

I hope this is what you were looking for!

bernart’s picture

bernart commented

thnx but it did not work.

img_assist is capable of generating similar inline filter code like so [img_assist|fid=49|thumb=1|alt=lilies] fid is the node number

Kato’s picture

Kato commented

According to image_assist, one of the things you are supposed to be able to change is the left or right alignment of the picture. But I've never seen that option in image assist...not once. Getting text to wrap is a pain and I eventually just ended up using html at times.

--
http://nglofsalina.com

noid’s picture

noid commented

Hi Kato,

How did you do that using HTML/CSS? Can you please look at my question? -- http://drupal.org/node/69526 .

Thanks!

sjs’s picture

sjs commented

I solved the problem (in 4.7) by editing img_assist.module -file:

*****@***:~/****/modules/img_assist$ diff img_assist.module.old img_assist.module
1265c1265
< $output = "<span class=\"inline {$attributes['align']}\">";
---
> $output = "<div class='image_assist float_{$attributes['align']}'>";
1289c1289
< $output .= "</span>";
---
> $output .= "</div>";

And then put this into style.css:

div.image_assist {
margin-left:3px;
margin-right:3px;
}
div.float_left
{
float:left;}
div.float_right
{
float:right;}

bomarmonk’s picture

bomarmonk commented

Now my images return as blank space (perfectly aligned) without a visible image. I like how the div fix above seems to remedy alignment problems, but why would my images now be invisible?

bomarmonk’s picture

bomarmonk commented

Clarification: all images through img_assist are still taking up space, but are now only white space-- nothing visible. If I delete the the suggested CSS lines mentioned above, the image displays again, but without the proper formatting/alignment (of course). So, this is certainly a theming issue with the CSS.

Also, the above fix doesn't seem to take in Firefox, so there may be something generally screwy about how I have applied this fix or with my theme. Any ideas?

AntiNSA’s picture

AntiNSA commented

Its 2008 and I cant figure it out..`~~~!!!

[SITE INTRO][2] Why Re-Create an Open Learning Resource @ TheCenterOfTheNet (Mission Statement) Part 2