MUCH respect Karl, I am sorry I didn't check the source produced after
I'd set my styles. I assumed my styles were overriding but not that
their presence was being detected and automatically removing the
default styles I saw when I first tried the plugin.
What a polished plugin.
Cheers!
-Alan
On Feb 27, 4:49 pm, Karl Swedberg <k...@englishrules.com> wrote:
> the positioning properties (left, top), width, and zIndex are set by
> the plugin, but you can adjust them by changing their respective
> options.
>
> You can change all other properties by using the IDs and classes
> already supplied by the plugin or by using .cluetip-fdFaq . When you
> modify the cluetipClass option, it appends that class to "cluetip-",
> so you'll have to use the combination; hence, "cluetip-fdFaq".
>
> Hope that helps.
>
> --Karl
>
> ____________
> Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> On Feb 27, 2009, at 1:34 PM, alanfluff wrote:
>
>
>
> > Hi cleverer people than me...
>
> > Please can someone point me in the right direction to use this
> > brilliant plugin but have it add no stlye so I can add style to an
> > unstyled chunk of markup?
>
> > I'm calling the plugin with
>
> > $('.linkToFaq a').cluetip({splitTitle: '|', width: '100px',
> > cluetipClass: 'fdFaq', sticky: 'true'});
>
> > and fdFaq has only one rule, a border, and yet the o/p produced is the
> > following (below my sig', a lot of style).
>
> > Thanks LOTS in advance to any commenters, I'm sure it's easy and I am
> > daft.
>
> > Cheers,
>
> > -Alan
>
> > <div style="position: absolute; z-index: 95; display: none;"
> > id="cluetip-waitimage"></div><div class="clue-right-fdFaq cluetip-
> > fdFaq" style="z-index: 96; display: block; position: absolute; width:
> > 100px; left: 732.767px; top: 570.4px;" id="cluetip"><div style="z-
> > index: 95; opacity: 0.1; top: 1px; left: 1px; position: absolute;
> > background-color: rgb(0, 0, 0); display: block; height: 77px; width:
> > 100px;"></div><div style="z-index: 94; opacity: 0.1; top: 2px; left:
> > 2px; position: absolute; background-color: rgb(0, 0, 0); display:
> > block; height: 77px; width: 100px;"></div><div style="z-index: 93;
> > opacity: 0.1; top: 3px; left: 3px; position: absolute; background-
> > color: rgb(0, 0, 0); display: block; height: 77px; width: 100px;"></
> > div><div style="z-index: 92; opacity: 0.1; top: 4px; left: 4px;
> > position: absolute; background-color: rgb(0, 0, 0); display: block;
> > height: 77px; width: 100px;"></div><div style="z-index: 91; opacity:
> > 0.1; top: 5px; left: 5px; position: absolute; background-color: rgb(0,
> > 0, 0); display: block; height: 77px; width: 100px;"></div><div
> > style="z-index: 90; opacity: 0.1; top: 6px; left: 6px; position:
> > absolute; background-color: rgb(0, 0, 0); display: block; height:
> > 77px; width: 100px;"></div><div style="overflow: visible; position:
> > relative; z-index: 97; height: auto;" id="cluetip-outer"><h3
> > id="cluetip-title">Q & A</h3><div id="cluetip-
> > inner"><div id="cluetip-close"><a href="#">Close</a></div>How come I’m
> > not separately charged for the design time</div></div><div
> > id="cluetip-extra"></div><div style="z-index: 97; display: none;"
> > id="cluetip-arrows" class="cluetip-arrows"></div></div>
