@Davis
Yes you can pad the images, and the bottom horizontal menu on the demo
page - http://www.wizzud.com/jqDock/ - has 4px (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 -
