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 -