implementing beautytips with an image

Hello Josh!
I see you figured it out... :-)

I have a similar problem. Can I ask you how did you make that beautiful pop-up, errr, pop-down? :-)

Thanks in advance!

Warm regards from sunny México!
:-)
Pepe

http://www.wootenswebdesign.com/quick-and-easy-beauty-tips

I had no problem to output an image together with a text in the beautytips title using views - that looks same as the demo at http://www.wootenswebdesign.com/quick-and-easy-beauty-tips

But I didn't manage to get image and text float left. Would it be possible?

 ---------
|         | Text text text text
| image   | text text text text
|         | text text text text
----------

Like having the image to the left and the text at the right?

@miccelito

Can't you just do that with CSS?

.parent-class-name img { float: left; margin: 0 10px 10px 0; }
.parent-class-name .text { display: inline; }

@timofey

As far I've noticed it's not possible to use the float property for styling beautytips

The code mentioned at http://www.wootenswebdesign.com/quick-and-easy-beauty-tips doesn't seem to work for Drupal7

<?php
drupal_add_js (
  '$(document).ready(function()
  {
    $(".btytp").bt();
  }); ',
    'inline');
?>

What would be the proper code for Drupal7?

.bt-wrapper img {float:right; margin-left: 10px;}

This is a solution to question #6 ?

#3

i am trying to do something similar but with openlayers map. For some reason the result is an emplty beautytip