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 -
