jQuery: The Write Less, Do More JavaScript Library

Cluetip: Why isn't my top left graphic displaying in my tip?

View: New views
3 Messages — Rating Filter:   Alert me  

Cluetip: Why isn't my top left graphic displaying in my tip?

by datatv :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message


I finally have everything pretty much figured out for my initial
ClueTip experience. Except for this one. Check the tips out here:

http://www.datatv.com/sw/SW_wp_sampler2.html

Now, I've only tested these in Firefox and Safari but the tl.gif isn't
displaying even though I click on the View Background Image and I see
my image. Here it is:

http://www.datatv.com/sw/images/tl.gif

So why don't I see it in my tip or is it just my computer driving me
nuts?

Re: Cluetip: Why isn't my top left graphic displaying in my tip?

by donb-2 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message


Because .cluetip-rounded #cluetip-title has a background color of
#FFFFFF.  When it's 'transparent', the underlying element's background
image can be seen through it.  As it is, it can be seen.

On Jul 3, 10:41 pm, datatv <datab...@...> wrote:

> I finally have everything pretty much figured out for my initial
> ClueTip experience. Except for this one. Check the tips out here:
>
> http://www.datatv.com/sw/SW_wp_sampler2.html
>
> Now, I've only tested these in Firefox and Safari but the tl.gif isn't
> displaying even though I click on the View Background Image and I see
> my image. Here it is:
>
> http://www.datatv.com/sw/images/tl.gif
>
> So why don't I see it in my tip or is it just my computer driving me
> nuts?

Re: Cluetip: Why isn't my top left graphic displaying in my tip?

by datatv :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message


Yea, I see what you mean. However, it's not perfect it seems. The
reason is that when I have .cluetip-rounded #cluetip-outer set to
background: transparent; My content box isn't white anymore and it
needs to be. This is what I'm using in my .css:

.cluetip-rounded #cluetip-outer {
  background: transparent url(../images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

If I go with #FFF for the background the background is now white but
the tl.gif doesn't appear. That's why I switched everything over to
#FFF. How do I get this to work properly?


On Jul 4, 4:45 am, donb <falconwatc...@...> wrote:

> Because .cluetip-rounded #cluetip-title has a background color of
> #FFFFFF.  When it's 'transparent', the underlying element's background
> image can be seen through it.  As it is, it can be seen.
>
> On Jul 3, 10:41 pm, datatv <datab...@...> wrote:
>
> > I finally have everything pretty much figured out for my initial
> > ClueTip experience. Except for this one. Check the tips out here:
>
> >http://www.datatv.com/sw/SW_wp_sampler2.html
>
> > Now, I've only tested these in Firefox and Safari but the tl.gif isn't
> > displaying even though I click on the View Background Image and I see
> > my image. Here it is:
>
> >http://www.datatv.com/sw/images/tl.gif
>
> > So why don't I see it in my tip or is it just my computer driving me
> > nuts?