By jatman on

Hello all,

I am in very new to Drupal, I am running 4.6 , I am slowly finding my way around. i have uploaded thumbnails into my blog . Pictures are sitting on top of the posts and wasting a lot of space. I would like to wrap the text. (move the text up into the empty space on the right side of the piture) Can someone give me step by step instruction to establish this. Thank you in advance!!!

P.S i have spent hours trying to find an answer, there is thread about this in the forum that has a very breif answer and i am not able to make sense out of it.

Comments

basicmagic.net’s picture

basicmagic.net commented

hello- what you want to do is not hard if you are using the inline.module to attach images.

what is needed is some additional CSS in your style sheet-
for the .inline element.

for example- this is what i use:

.inline {
  float: left;
  display: inline;
  padding: 4px 4px;
  clear: both;
}

if you are not using inline.module to attach images- i am not sure what you would do...

Drupal samurai for hire, based in Buffalo, New York, USA.
15+ years Drupal, 20+ years web.
http://basicmagic.net

jatman’s picture

jatman commented

Thanks for your help, i am trying what you suggested, will let you know if it worked. Thanks much

micha_1977’s picture

micha_1977 commented

float: left
and
display : inline

are strange

"float" gives the item the "block" ability and "inline" takes it away

-micha
work in progress with Drupal 4.6: langmi.de

jatman’s picture

jatman commented

I use inline module to upload pix and use the INLINE option, it does let me display image in my blog/book post, however at the bottom of the post it always shows all the the image files attached.

Is there anyway to use image_assist and be able to wrap the text around the image ?? thanks much

AntiNSA’s picture

AntiNSA commented

Id like to know this too.... same problem

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

stacyh’s picture

stacyh commented

I used this code but took out the display:inline; line and it seemed to do the trick.