I tried DOCTYPE  transitional xhtml, also no luck.

anyway, many thanks for your help.

Davis.

On May 16, 6:48 pm, Wizzud <[EMAIL PROTECTED]> wrote:
> Do you have a web-accessible example I can look at?
>
> On May 16, 3:40 am, Davis <[EMAIL PROTECTED]> wrote:
>
>
>
> > wizzud,
>
> > thanks for your help.
> > now im using coefficient: 1 and
>
> > #menu img {padding:0px 2px 0px 0px; }
>
> > it is work fine in FF2, but still no luck from IE, so you quoted
>
> > (a) be aware that for any coefficient other than 1 (linear) this can
> > (will) throw out calculation of the leading edge of the menu
> >  (b) use a DOCTYPE, otherwise IE will get the spacing wrong
>
> > may I know anything wrong of my CSS ?
>
> > Many thanks/Davis.
>
> > On May 16, 7:32 am, Wizzud <[EMAIL PROTECTED]> wrote:
>
> > > @Davis
> > > Yes you can pad the images, and the bottom horizontal menu on the demo
> > > page -http://www.wizzud.com/jqDock/-has4px (left/right) padding
> > > applied to it. Please be aware of the limitations though (see the
> > > Example CSS).
>
> > > On May 15, 10:07 am, Davis <[EMAIL PROTECTED]> wrote:
>
> > > > Thanks very much for above suggestion, I got the same problem that
> > > > what make me headache a while, now can sloved it..THANKS.
>
> > > > now i am using horizontal menu option, so can i ask if anyhow to pad
> > > > some space between each image? following is my CSS, but it seems
> > > > "#menu img {padding:0px 5px 0px 0px;}" didnt take effect at all.
>
> > > > I also tried hardcode in this way, it take effect, but some of the
> > > > image are break down another line instead of the same line ( ie i show
> > > > 10 image per line, but 8 in a line, another 2 in 2nd line )
>
> > > > <img src="img.gif" title='xxx'' style="margin:0px 5px 0px 0px;"/>
>
> > > > === CSS ====
> > > > #menu {position:absolute; top:50px; left:10px;}
> > > > #menu div.jqDock {border:0px none;}
> > > > #menu img {padding:0px 5px 0px 0px;}
>
> > > > #menu div.jqDockLabel {
> > > >         background-color:transparent;
> > > >         border:0px none;
> > > >         color:white;
> > > >         font-size:12px;
> > > >         font-style:italic;
> > > >         font-weight:bold;
> > > >         padding:0px 4px;
> > > >         white-space:nowrap;
>
> > > > }
>
> > > > #menu div.jqDockLabelLink {cursor:pointer;}
> > > > #menu div.jqDockLabelImage {cursor:default;}
>
> > > > Appreicate your help.
> > > > Thanks/Davis.
>
> > > > On May 15, 7:20 am, Wizzud <[EMAIL PROTECTED]> wrote:
>
> > > > > Try placing your script inside the 'document ready' function...
>
> > > > > jQuery(document).ready(function(){
> > > > >    // Your code here
>
> > > > > });
>
> > > > > eg.
> > > > >  <script type="text/javascript">
> > > > >     jQuery(document).ready(function(){
> > > > >         var opts = { align: 'bottom'
> > > > >                    , size: 150
> > > > >                    , distance:  60
> > > > >                    , coefficient: 1.5
> > > > >                    , labels:  false
> > > > >                    , duration:  500
> > > > >                    , source:    false
> > > > >                    };
> > > > >     jQuery('#icons').jqDock(opts);
> > > > >   });
> > > > > </script>
>
> > > > > On May 14, 4:53 pm, JohnieKarr <[EMAIL PROTECTED]> wrote:
>
> > > > > > Hello,
>
> > > > > > I'm trying to find some support for this problem I'm having and 
> > > > > > there
> > > > > > isn't much on google regarding jqDock.
>
> > > > > > I have created just a basic test page using jqDock, but nothing
> > > > > > happens.  My images appear as normal, but nothing happens when I 
> > > > > > mouse
> > > > > > over them (except the title shows as normal).  All my paths are
> > > > > > correct, and no errors are displayed.  I have tried in both IE 6 and
> > > > > > FireFox, and both have the same result.  It is an intranet site at
> > > > > > work, so I can't link to it, but here is my source:
>
> > > > > > <html>
> > > > > > <head>
> > > > > > <script type="text/javascript" src="http://ksar.corp.cox.com/
> > > > > > CustomerCare/CSI/FieldOps/includes/jquery-1.2.3.js"></script>
> > > > > > <script type="text/javascript" src="http://ksar.corp.cox.com/
> > > > > > CustomerCare/CSI/FieldOps/includes/jquery.jqDock.js"></script>
> > > > > > <script type="text/javascript">
>
> > > > > >         var opts = { align: 'bottom'
> > > > > >                    , size: 150
> > > > > >                    , distance:  60
> > > > > >                    , coefficient: 1.5
> > > > > >                    , labels:  false
> > > > > >                    , duration:  500
> > > > > >                    , source:    false
> > > > > >                    };
> > > > > > jQuery('#icons').jqDock(opts);
> > > > > > </script>
> > > > > > </head>
> > > > > > <body>
> > > > > > <br/><br/><br/><br/>
> > > > > >         <div id="icons" name="icons">
> > > > > > <img src='http://ksar.corp.cox.com/CustomerCare/CSI/FieldOps/images/
> > > > > > Mailmed.png' title='Click Here To Send Out A Communication'/>
> > > > > > <img src='http://ksar.corp.cox.com/CustomerCare/CSI/FieldOps/images/
> > > > > > Printmed.png' title='Click Here To Print This Page'/>
> > > > > > <img src='http://ksar.corp.cox.com/CustomerCare/CSI/FieldOps/images/
> > > > > > QuestionMarkmed.png' title='Click Here For Information About This
> > > > > > Website'/>
> > > > > >         </div>
> > > > > > </body>
> > > > > > </html>
>
> > > > > > If anyone has any idea why this doesn't work as expected that would 
> > > > > > be
> > > > > > great.
>
> > > > > > I do use other jquery plugins on other pages and they work fine.
>
> > > > > > Thanks,
> > > > > > Johnie Karr- Hide quoted text -
>
> > > > > - Show quoted text -- Hide quoted text -
>
> > > - Show quoted text -- Hide quoted text -
>
> - Show quoted text -

Reply via email to